The alt is not working

HTML-CSS
1

On the kitty post thing I am on the part with the alt for your photo link and it is saying that I do not have an alt when I do.

<h2>CatPhotoApp</h2>
<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>
  <img  cat src=https://bit.ly/fcc-relaxing-cat alt=relaxing cat /> 
  <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>


<h2>CatPhotoApp</h2>
<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>
<img  cat src=https://bit.ly/fcc-relaxing-cat alt=relaxing cat /> 
<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 (X11; CrOS x86_64 13421.73.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.112 Safari/537.36.

Challenge: Add Images to Your Website

Link to the challenge:

1 Like
2

Hi @the420hick, try adding speech marks around the alt= value…

3

You have to wrap the attributes in quotation marks.

<img alt="I want to be wrapped in quotation marks" src="metoo.jpg" />
1 Like
4

when I do that, the photo doesnt show up

5 
<h2>CatPhotoApp</h2>
<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>
  <img src=¨https://bit.ly/fcc-relaxing-cat¨ alt=¨relaxing cat¨ /> 
  <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>

This dosnt work, there is still an X in the alt progress box and now the photo doesnt show up

6

Hi @the420hick. I suspect you are not doing it right. It should look like:

 <img src='https://bit.ly/fcc-relaxing-cat' alt='relaxing cat'>

Compare this img tag and the one you are submitting.

7

<img src=´https://bit.ly/fcc-relaxing-cat´ alt=´relaxing cat´ />

8

<img src=¨https://bit.ly/fcc-relaxing-cat¨ alt=¨relaxing cat¨ />

This doesnt work ether

9

Are you sure you are using quotation marks?

10

yeah, I dont get why it isnt working

11

Screenshot 2020-11-05 at 14.14.37
Screenshot 2020-11-05 at 14.14.371366Ă—768 161 KB

12

Well you are not using quotation marks. Otherwise if you were, it would look like below.

image
image1294Ă—589 271 KB

13

you used these right

¨
¨

14

I don’t think so. On most keyboards it is SHIFT + 2 or SHIFT + '

15

the what I did

shift + ´

16

Just copy and paste the code below to replace everything and let me know what it gives.

<h2>CatPhotoApp</h2>
<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>
  <img src="https://bit.ly/fcc-relaxing-cat" alt="relaxing cat">
  <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>
17

you only need alt = “relaxing cat” and run the code

18

It seems you are using this key

ASCII code 249 = ¨ ( Diaresis )
Instead of
ASCII code 34 = " ( Double quotes ; Quotation mark ; speech marks )

Depending on the font, they could look very similar when typed out. Also, it could be dependent on your keyboard layout or how it’s being accessed.

As noted by @nibble SHIFT + ’ should provide the right key.

19

Hi, according to your screenshot, this is an ASCII issue. There is slight difference in the quotation marks you used and the ones needed in the correct answer:
You have “” which are left/right quotation marks
Instead it should be “” which are quotation marks with no direction

20

Hi, in this screen shot you didn’t use right closing tag mark.
instead of this:

<img src=" " alt=" "/<

try this

<img src=" " alt=" " >