Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

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="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/134.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

Compare this:

…with this:

The bottom one is correctly formatted, with the link text ‘cat photos’ between the anchor tags, and an href attribute correctly pointing to the specified url.

The top one should have the text ‘cute cats’ as the link text (not as the href attribute), and should have the correct url in the href attribute. It is also missing a closing anchor tag.