Learn HTML by Building a Cat Photo App - Step 11

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com"></a>
      <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">link to cat pictures</a>
      <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>

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

Link to the challenge:

      <a href="https://freecatphotoapp.com"></a>
      <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">link to cat pictures</a>

In your code above you have two <a> elements. The first anchor (<a>) element has the correct link. However, the second anchor element has the correct text displayed to the page.

Remember the only text that will be displayed to the page is the text that lies between opening tags <> and closing tags </>.

Also keep in mind that the alt attribute is used for <img> elements and not <a> elements.

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