Learn HTML by Building a Cat Photo App - Step 8

step 8 of cat photo app

<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>

<!-- User Editable Region -->

      <img>
      <img src="https:/cdn.freecodwcamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

<!-- User Editable Region -->

    </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/111.0.0.0 Safari/537.36

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

Link to the challenge:

Howdy! Thanks for posting your question on the forum.
Your code:

<img>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

Instruction:
Inside the img element, add an alt attribute with this text:
A cute orange cat lying on its back

I can see that you’ve added 2 img elements. This challenge requires you to add an alt attribute to an img element with the value, “A cute orange cat lying on its back”
In order to complete this challenge, you just need to delete the the first img element, and add an alt attribute after the src attribute, with the value “A cute orange cat lying on its back”

Syntax of an attribute:
<element attribute="value"><elementClosingTag>

This is what your code should look like:

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back">

Hope this helped!

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