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

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

#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


Add Images to Your Website. help me out
#2

You are not following what the instructions (seen below) are telling you to do.

Insert an img tag, before the h2 element.

Now set the src attribute so that it points to this url:

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

Finally don’t forget to give your image an alt text.

Instead, you added an image at the bottom of the page and it does not have the same src value specified in the instructions above. Instead, it has https://www.your-image-source.com/your-image.jpg for the src.

Lastly, you for some reason added <img> on the line before the h2 element. While the img element does need to be before the h2 element, you need to give it the correct src value and add an alt attribute to it. Basically, the img element at the bottom needs to be deleted and you need to add some things to the one you put at the top.

Make sure you always read the instructions several times, to make sure what you are supposed to be doing in these html/css challenges.


#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.


#7

First, please do not create duplicate topics for the same challenge question. I have merged your two threads together.

Second, you did not do as I instructed in my previous reply. You should only have ONE img element. It should be at the top before the h2 element.


#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


#9

You must post your code to the forum, because we can not see what code you have in the challenge. It will only show your code to you.

To enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#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>


#12

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


#13

Anyone who has solved the challenge can do that. Let’s give @smithadams a chance to figure it out.


#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