Learn HTML by Building a Cat Photo App - Step 9

Tell us what’s happening:
Describe your issue in detail here. cant seem to add this element <alt= “A cute orange cat lying on its back”>

<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">  <alt= "A cute orange cat lying on its back">

<!-- User Editable Region -->

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

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

Link to the challenge:

Welcome to our community!

The ‘alt’ attribute and its value go into the img tag:

<img src="url" attribute="value">

‘alt’ is the attribute,
the given text is the value.

i have dine that and still yet its refused to go to the next code

Post your code here.

alt= “A cute orange cat lying on its back”>

<alt= “A cute orange cat lying on its back”> here it is

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

P.S. As I already said, add the alt attribute and its value into the img element. Read again the previous post.

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