A src attribute that points to the kitten image

HTML-CSS
1

Your image should have a src attribute that points to the kitten image.

This is where I’m stuck! How do I add an attribute that points to the kitten image? Help!

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<img src="https://www.freecatphotoapp.com/your-image.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>

  **Your browser information:**

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

Challenge: Add Images to Your Website

Link to the challenge:

2

The instructions tell you exactly what you need to do:

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

You’ve added the <img> tag correctly but the src is not pointing to the correct image.

1 Like
3

code
code1172×718 206 KB

I’m brand new to coding, the more I read the instructions, the harder to understand ;/

4

I’m not sure what more I can tell you other than just giving you the answer. The instructions are asking you to a specific URL for the cat photo. You are not using that URL. You are using a different URL. You need to change the src attribute to the URL the instructions are asking you to use.

5

HI @rocelu !

Welcome to the forum!

It is normal to be overwhelmed when you are first learning how to code.
But it is important to learn how to fix bugs in your code by trying different things.

In your case, you are still using the same image over and over again.
But that is incorrect.

That means you need to try something different and use a different url here

Try using the url that was pointed out to you by @bbsmooth and see what happens.
You should see a completely different cat picture show up on the screen.

Hope that helps!

1 Like
6

Hi! thank you for your reply. I think what is throwing me off is the “point” - " You’ve added the <img> tag correctly but the src is not pointing to the correct image." I have no idea how to add the code to make it point to the image. I do appreciate bbsmooth’s help but the condescending isn’t nice.

7

Linguistically, The term “Pointing to” is difficult to conceive of with regard to a string of letters.

In Everyday life, We don’t think of URLs as Pointing to Anything. And So, it makes the instructions seem more complex.

8

This src attribute is “pointing to” the url https://www.freecatphotoapp.com/your-image.jpg. You need to instead use the url provided in the instructions:

You perhaps overlooked the wording in the instructions describing the task in terms of ‘pointing’:

You can add images to your website by using the img element, and point to a specific image’s URL using the src attribute.

An example of this would be:

<img src="https://www.freecatphotoapp.com/your-image.jpg">
1 Like
9

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