Adding images to a webpage

HTML-CSS
1

My image is not rendering on to the page.
How can get it to render? I don’t know what am my doing wrong.

Your code so far


<h2>CatPhotoApp</h2>
<main>

<img src="https//bit.ly/fcc-relaxing-cat-image.jpg " alt="An image of a relaxing cat."/>
<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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.146 Safari/537.36.

Challenge: Add Images to Your Website

Link to the challenge:

2

HI @oneilgreen321 !

Welcome to the forum!

The link is incorrect.

Always make sure to copy and paste the link exactly in order to avoid typos.

1 Like
3

I tried to copy the link but I noticed that when I right click to paste the link to the page, the only options were to cut and copy and so I could not paste the link.

4

If you are on a mac laptop you can use command v(or Ctrl+V for windows)

If you are not able to copy and paste using keyboard shortcuts than you are going to have to triple check your links when typing them out by hand to ensure there are no typos.

5

Hello, I am at the beginners level and so I am coding the CatPhotoApp, but the URL that they gave us to point to does work.

6

I haven’t tried the copy and paste shortcut as yet due to the fact that I can only study at night.

7

HI again!

I am glad you were able to get it working. :grinning:

8

Hey, I got the image to render on the page but I’m stuck. I am trying to build the CatPhotoApp, but I am still getting an alert saying "Your image should have a sec attribute that points to the kitten image and so I cannot move on

1 Like
9

You know that have to Run the Tests before moving on

1 Like
10

You will have to post your code in the forum so we can test it ourselves and make sure it is correct.

1 Like
11

Thank You, I will do so later today.

12

Hey Jessica, I posted the code in the forum. I am at the beginners level where I am suppose code the CatPhotoApp. But something is wrong with the image src URL

1 Like
13

Hi again!

The only code I see that you posted is your original answer which is still wrong.

You wrote this
https//bit.ly/fcc-relaxing-cat-image.jpg

but the correct url is this
https://bit.ly/fcc-relaxing-cat

You have to use the correct url address or else the test won’t pass.

1 Like
14

remove the closing backslash from your code…
"./>

15

Hey, I tried the Url you ,but it still not working. This is what I’m getting "Your image should have a sec attribute that points to the kitten image.

16

We can better assist you if you post your updated code right here in the forum.

17

Thanks Jessica, I got to work.

18

I meant got it to work.

1 Like
19

Hey Jessica I’m stuck again with my CatPhotoApp where I am suppose to code the and the checkboxes. I just cannot get it to work. I have posted the code in the forum. Thanks in advance.

20

Where did you post your code?
I don’t see that you created a new topic?