I can't understand this step because of my weak english , could someone teach me what i should write?

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

  **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" alt="">
    <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/103.0.0.0 Safari/537.36

Challenge: Step 9

Link to the challenge:

The alt attribute is quite applicable to what your are struggling with in the instructions. Alt is an ‘alternative’ for if an image doesn’t load, so that the view can still understand what should be there. Similar to a translation from what should be a visual image, you add an alt attribute to translate into words what should be appearing.

You should have one image element, with the alt attribute as follows : alt=“A cute orange cat lying on its back” as instructed :slight_smile: , pay attention to your tags and keep your code clean :slight_smile:

1 Like