Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more https://freecatphotoapp.com</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

3

Tell us what’s happening:
Describe your issue in detail here.

Hello, the instructions are to “turn the words cat photos into a link to https://freecatphotoapp.com . When you are done, remove the old anchor tag and text below the paragraph.”

Click here for more cat photos

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
        <p>Click here to view more 
        <a href = "https://freecatphotoapp.com></a>
        </p>

  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

4

Hello, this is the instruction, yeah. What questions do you have about it, if any?

your code is incorrect here, there are several mistakes, I suggest you reset the step

you will have this situation:

      <p>Click here to view more cat photos.</p>
      <a href="https://freecatphotoapp.com">cat photos</a>

second line here - it’s example, how to turn text cat photos into a link

you need to wrap into a elemnt words cat photos in the first line, the same way.

You dont need to change or delete any other parts of the first line

5

Thank you, so the objective here is to turn the phrase “cat photos” in the p element into a link using the a element.- so one single line of code. Got it!

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.