My HTML step 9: Adding an attribute inside my image element

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
All image elements should have an attribute.
How do i add an attribute with this text, " A cute orange cat its lying on its back" inside my image elements?

Thank you.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
  <img 
  src="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 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 9

Link to the challenge:

2

It appears you went ahead to create your own img tag ,the alt and its value should be added to the img tag provided for you. This challenge doesn’t require you creating your own image tag.

1 Like
3

Okibe thanks for your support. Well appreciated.

Is the image tag the output of step 8? Am confused.

4

The only requirement for this challenge is for img tag to carry an alt which is the text displayed when your image fails to load. So you should have only a single img tag on your editor which should look something like this:

<img src = "the image link" alt = "the attribute text" >

Hint: The source link is not “cat.jpg”

5

hmmm… still battling with it… Thanks for your help.

But i need to ask: Shall i copy the result of step 8 to step 9,;to be edited?

6

This is the image that is missing the alt tag

You have added it to this one instead. You need to delete this second image and add the alt attribute to the first image

7

Thanks so much for the support Ilenia.!

8

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