Isue! Your image element's alt attribute should not be empty

HTML-CSS
1

Tell us what’s happening:
Hi does anybody has the same problem as me?
The console show the next error
// running tests
Your image element’s alt attribute should not be empty.
// tests completed

( <image src="https://www.bit.ly/fcc-relaxing-cat" alt="Relaxing Cat"> )

  **Your code so far**


<h1>CatPhotoApp</h1>
<image src="https://www.bit.ly/fcc-relaxing-cat" alt"Relaxing Cat">

<main>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:92.0) Gecko/20100101 Firefox/92.0

Challenge: Add Images to Your Website

Link to the challenge:

2

I’ve edited your post 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

1 Like
3

This is the wrong name for the tag. See the example:

<img src="https://www.freecatphotoapp.com/your-image.jpg" alt="A business cat wearing a necktie.">

Also, you need an = between your alt attribute and the value you want to set.

4

Hy Jeremy, i’m sorry i have aready put “=” but is not working at all

5

If you have changed your code, I need to see your new full code to be able to see what’s going on.

Also, did you address both issues I pointed out?

6 
<h1>CatPhotoApp</h1>
<image src="https://www.bit.ly/fcc-relaxing-cat" alt="Relaxing Cat">

<main>
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
  <p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

it still give me the same error
Your image element’s alt attribute should not be empty.

7

I think you overlooked this part of what I said, as you still have this mistake:

Again, image is wrong.

8

isue
isue1925×969 300 KB

9

Look very very carefully to what @JeremyLT is trying to tell you.

You are writing this <image>

But the correct way is this <img>

Details are important in programming.

1 Like
10

You still are using image, and it is still wrong.

Please, if you don’t understand what I’m saying here, ask about it.

11

yeah i feel a really foolish guy, i’m sorry and thank you so much

12

No worries, glad you were able to figure it out. :grinning:

Just make sure to go through these challenge slowly and double check for the fine details so they don’t trip you up.

Happy coding !

1 Like
13

Jeremy thank you so much, i took for granted that if the image was showing up in the screen so the label should be right. Jajaja for good shake

14

We’ve all been there. Sometimes it just takes someone repeating “hey, look here” a few times to shake the train of thought loose.

1 Like
15

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