Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

what does this mean "Turn the existing text “cute cats” into an anchor element that links to:

https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"

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 cute cats online!</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/135.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

In the edit region, there is the phrase “cute cats”. The challenge wants you to turn that phrase into an anchor element. Anchor elements are used to create hyperlinks on the web. This link is meant to go to https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg.

Does this help?

3

Welcome to the forum @bobodesousa0

You can use the anchor element in the second paragraph element as a guide to structure the code.

Happy coding