Add images to website

HTML-CSS
1

trying to add an image with this src & Alt but it keeps coming up with src incorrect. Tink it may be corrupted.
Describe your issue in detail here.

  **Your code so far**


<h2>Cat App Photo</h2>

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

  **Your browser information:**

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

Challenge: Add Images to Your Website

Link to the challenge:

2

Your URL is out of date

Now set the src attribute so that it points to the url https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

Also, you shouldn’t stick a line break in the middle of the tag.

3

changed the url which loads the picture,and its below h2 tags but still coming up with error message " your image should have a src attribute to point to the image of the kitten"

4

Did you change it to the url I provided? What is your new code?

5

yes i did thanks,had no problem loading image,it still comes up with src message.

6

its basically saying there is no src when there is, the one you sent me.

7

the actual code is at the top of the page,with the bitly url.

8

Also, did you fix the extra line break?

9

jeremy did you find my new code i posted about 10 mins ago with your url??

10

Let me go merge the topics. Multiple topics make it hard to follow a conversation.

11

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**


<h2>Cat App Photo</h2>
<img src = "https://cdn.freecodecamp.org/
curriculum/cat-photo-app/relaxing-cat.jpg"
   alt="relaxing cat">
<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>

  **Your browser information:**

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

Challenge: Add Images to Your Website

Link to the challenge:

12

It looks like you still have the extra line break in there.

13

no i havent any line breaks

14

This has extra line breaks in it. There should be zero line breaks.

15

i,ll try again!! to rewrite it.

16

You might be seeing places where the text wraps onto additional lines, but that word wrap doesn’t mean you should use a newline when writing the code.

17 
<h2>Cat App Photo</h2>
<img src="https://cdn.freecodecamp.org/
curriculum/cat-photo-app/relaxing-cat.jpg"
alt="relaxing cat">
<main>
<p>Kitty ipsum dolor sit amet,shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball 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/95.0.4638.54 Safari/537.36 Edg/95.0.1020.30

Challenge: Add Images to Your Website

Link to the challenge:

18

image
image2218×562 163 KB

You are still sticking extra line breaks in there. The entire tag should be on a single line.

19

hi jeremy,if youre on thanks for yesterday,great help finally got it with linebreaks,just a novice but thanks again.

20

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