Learn HTML by Building a Cat Photo App - Step 9

HTML-CSS
1

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

Step 9

All img elements should have an alt attribute. The alt attribute’s text is used for screen readers to improve accessibility and is displayed if the image fails to load. For example, <img src="cat.jpg" alt="A cat"> has an alt attribute with the text A cat.

Inside the img element, add an alt attribute with this text:

A cute orange cat lying on its back

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

<html>
<body>
  <h1>CatPhotoApp</h1>
  <h2>Cat Photos</h2> <h2> Click here to veiw more cat photos.

</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.80

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

Link to the challenge:

i am requesting for a guideline to pass the stage.

2

I would begin by restarting the step by clicking on the “Restart Step” button. This will reset the code so you can start fresh.

Try to re-read the instructions and follow them carefully. If you have a question about a specific sentence or if you try something based on the instructions and it doesn’t work, look at the hints which will guide you further.

Let me know also if you try all the above and find you are still stuck.

3

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