Can someone please tell what im doing wrong

HTML-CSS
1

Tell us what’s happening:

  **Your code so far**


<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>
<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><imgsrc="https://www.freecatphotoapp.com/your-image.jpg""https://bit/ly/fcc-relaxing-cat""A business cat wearing a necktie.">

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36 Edg/88.0.705.74.

Challenge: Add Images to Your Website

Link to the challenge:

1 Like
2

I think you just need a space between img and src

3

Also the two parts after what are they? You don’t need them they will break it. If you have more than one image you need a separate image element for each image.

4

Hey there @Odibeginningcoding !

@footballblubber is right you do need a space between the <img = src> .

Another issue is that there can only be one link to one image,

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

here, you have two links, one to business cat and one to the kitten, also there’s a typo in the kitten link, best to copy/paste the links when given.

Also, I would suggest moving the <img> into the <main> tag, it’s best practice.

Hope this helps!

Best,
Cy499_Studios

1 Like
5

thanks, that was pretty helpful

6

i have another issue though, i dont know how to include alt (also this is the new picture im using
)

1 Like
7

No prob @Odibeginningcoding!

you can apply the alt on an <img> tag at any time by just putting alt = " placeholder text"
here’s an example

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

Hope this helps!

8

it says " Your image should have a src attribute that points to the kitten image."

9

@Odibeginningcoding

Yeah that was an example not a solution, the kitten image is this link provided by FCC

https://bit/ly/fcc-relaxing-cat

remember to always read the instruction in detail because the tests are very specific LOL

Best,
Cy499_Studios

10

i think im too stupid to understand this

11

im gonna continue tomorrow

12

No, you were on the right track! Remember,

img tag is a src(or link) to an image, and the alt atribute is a way of putting text to describe it in case the image does not load.

<img src = "example.com" alt = "an example">

Also, img tags are self-closing meaning they don’t need a .

here’s an article that might help as well

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img

13

its too hard i’m gonna continue tomorrow

14

@Odibeginningcoding ,

That’s ok, just make sure you don’t give up. I’m learning JavaScript and yesterday I was so frustrated I said I would do the challenge today, I still haven’t done it. So don’t get discourage, its completely normal to be frustrated at the initial stages, even pros get stuck sometimes LOL.

Have a great day,
Best,
Cy499_Studios

15

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