Add Images to Your Website lesson

HTML-CSS
1

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

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<img src="https://www.freecatphotoapp.com/your-image.jpg"src=https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg alt="A business cat wearing a necktie"
<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>

I'm not sure what is wrong here.  The directions aren't the best on this lesson.  The forum didn't help me figure it out.  Any help?  It's telling me this when I test it: Your image should have a src attribute that points to the kitten image.
I thought i did that but it's obviously wrong.  Help!

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.84 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

2

Hello @rturner79, welcome to the forum.

<img src="https://www.freecatphotoapp.com/your-image.jpg"src=https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg alt="A business cat wearing a necktie"

Why do you have two URLs here? And you have not closed the img tag. Also you are not using the correct URL. Check the challenge as to which URL you should use. Good luck.

1 Like
3

Thank you so much for replying! The directions are so confusing on this one but your instructions helped me figure it out! Thank you SO MUCH!

1 Like
4

Wow I had it correct then saw that there were extra lines in between the codes so I deleted them and now it’s all messed up! UGH. I don’t think I deleted ANYTHING but now I’m getting new errors.
Now I’m getting these warnings:
// running tests Your a element should have the anchor text of cat photos . You need an a element that links to https://www.freecatphotoapp.com Your a element should have a closing tag. // tests completed

5 
<h2>CatPhotoApp</h2>



<main>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">



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

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

7

what in the world. SOmehow the code I typed and was correct changed when I deleted those lines! I had made the alt text A Lazy Orange Kitty and then it changed to something else. I’m so confused.

8

Thank you for replying. I’m trying to understand all of this and remember what you’re telling me!

9

Assuming you finished the lesson and went to the next - that’s not your code, but the base code for the next lesson.

10

I have no idea what happened. I reset the code and tried again and got it right for the second time. I’m not touching it and moving on! Thank you so much!

11

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