Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

Step 14
Turn the existing text cute cats into an anchor element that links to:

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"/> cute cat!</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

1 Like
2

it loooks like part of the text disappeared, you will need to reset the step

In the last few steps you created a p element with an a element inside, you can use it as a guide for this step

3

Hi Buddy, here this is the p tag in the instructions.

<p>Everyone loves cute cats online!</p>

And you have created the correct anchor tag but mistakenly the actual code get deleted.

Here in your code you need to put the word cute cats and kindly do add the closed anchor tag </a>.

Second you need to do remove the extra space in the anchor tag.

After changing all the stuff you will be able to convert any text into link.

Hope You Understand.