Add Images to Your Website...am stuck here, please help me guys

HTML-CSS
1

Tell us what’s happening:

Your code so far


<img><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>
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumps up.">

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website

3

please check my new help post out and help me

4

Tell us what’s happening:

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website

6

You don’t need that. delete it.

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

You are missing quotes around the address and you need to close your image tag.

8

please check this link out and help me

https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website

10

I can give you the raw and plain solution if you need me too.

11

The instruction is telling you to insert an image tag <img> before the <h2>CatPhotoApp</h2> element. Then you need to set the src attribute to the link they are providing you. And finally add an alt attribute with whatever description you want.

This is an example of adding an image to your html structure.
<img src="https://www.your-image-source.com" alt="Description of the picture>

2 Likes
12

Well I’m just saying that if we need to I can give everyone the solution via copy and pasting.

14

Good idea there :wink:

15

Good afternoon Gilbert1391
Excuse me but one moment in the exercise i have to put src but where i should put it ?
Thanks in advance

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

Solution of this Challenge!

17

Thanks to you i past this exercise

18

So i put everything right on codes and on the browser side the image icon pops up but the image i need won’t show up when i request it.How do i get image to show?

19

With the img tag…
Post your code so we can see what’s wrong
If you use the “Ask for help” button you will have a precompiled post with your code inside so you don’t need to do that much work