Learn HTML by Building a Cat Photo App - Step 9

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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Mobile Safari/537.36

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

Link to the challenge:

Just curious, why did you add spaces inside the image URL? I probably wouldn’t do that. You should only make changes that the instructions ask you to make and no more. Also, those spaces change the meaning of the URL and thus they will prevent the picture from displaying on the screen.

Let’s look at the example from the instructions:

<img src="cat.jpg" alt="A cat">

Do you see how there is both a src attribute/value and an alt attribute/value? That’s what you want to do here. You already have the src attribute/value. You just want to add the alt attribute/value to the img tag.

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