# SRC attribute Kitten image

**URL:** <https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690>\
**Category:** Curriculum Help\
**Tags:** html, css\
**Created:** [February 1, 2020, 11:32pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690 "2020-02-01T23:32:29Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jashan](https://avatars.discourse-cdn.com/v4/letter/j/f08c70/32.png) [@Jashan](https://forum.freecodecamp.org/u/Jashan)\
**Post date:** [February 1, 2020, 11:32pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/1 "2020-02-01T23:32:29Z")

</div>

**Tell us what’s happening:**

**Your code so far**

```html

<h2>CatPhotoApp</h2>
<main>

<img src ="http://www.your-image-source.com/yourkitten-image" alt="kitten image">
<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/70.0.3538.102 Safari/537.36 Edge/18.18362`.

**Challenge:** Add Images to Your Website

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![Jashan](https://avatars.discourse-cdn.com/v4/letter/j/f08c70/32.png) [@Jashan](https://forum.freecodecamp.org/u/Jashan)\
**Post date:** [February 1, 2020, 11:33pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/2 "2020-02-01T23:33:53Z")

</div>

correct my coding please

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 1, 2020, 11:34pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/3 "2020-02-01T23:34:29Z")

</div>

> [@Jashan](#):
>
> src =“[http://www.your-image-source.com/yourkitten-image](http://www.your-image-source.com/yourkitten-image)”

remove that space and use the url provided in the challenge description- be sure to distinguish between examples and instructions

---

<div class="post-metadata">

**Author:** ![wen9](https://avatars.discourse-cdn.com/v4/letter/w/58956e/32.png) [@wen9](https://forum.freecodecamp.org/u/wen9)\
**Post date:** [February 2, 2020, 11:22am UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/4 "2020-02-02T11:22:01Z")

</div>

.Use the # in your a href element to cancel the original link

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 2, 2020, 1:01pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/5 "2020-02-02T13:01:42Z")

</div>

that doesn’t seem related to this challenge at all

---

<div class="post-metadata">

**Author:** ![wen9](https://avatars.discourse-cdn.com/v4/letter/w/58956e/32.png) [@wen9](https://forum.freecodecamp.org/u/wen9)\
**Post date:** [February 2, 2020, 1:37pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/6 "2020-02-02T13:37:07Z")

</div>

You have to remove (cancel, invalidate, suspend) the link before you can replace it with the link/image of cat. That’s what the instructions say to do; that once you put ‘#’ as the value \< a h r e f = ‘#’\> which is the link under “Cat photos” when someone tries to click it, it won’t work. You do this when you create the additional ‘p’ element with the text …click here to see more …nested between

and

.

Then put the same immediately before the SCR (img scr…) I’ll put the kitten here and move your mouse over it:

![A cute orange cat lying on its back.](https://bit.ly/fcc-relaxing-cat)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 2, 2020, 1:54pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/9 "2020-02-02T13:54:39Z")

</div>

well, no  
you just need to add the image for this challenge:

> [@](#):
>
> Let’s try to add an image to our website:
> 
> Insert an `img` tag, after the `main` 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.

---

<div class="post-metadata">

**Author:** ![vzan2012](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/vzan2012/32/132812_2.png) [@vzan2012](https://forum.freecodecamp.org/u/vzan2012)\
**Post date:** [February 2, 2020, 4:12pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/10 "2020-02-02T16:12:05Z")

</div>

Hi,

\<img src=“[https://bit.ly/fcc-relaxing-cat](https://bit.ly/fcc-relaxing-cat)” alt=“Cat” /\>

---

<div class="post-metadata">

**Author:** ![wen9](https://avatars.discourse-cdn.com/v4/letter/w/58956e/32.png) [@wen9](https://forum.freecodecamp.org/u/wen9)\
**Post date:** [February 4, 2020, 1:00am UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/11 "2020-02-04T01:00:27Z")

</div>

Not sure what challenge you are on exactly but the challenge I saw wants you to make the picture a link in itself so that when you move your pointer over the image it turns into a hand which indicates a link.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [February 4, 2020, 7:37am UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/12 "2020-02-04T07:37:27Z")

</div>

the one linked in the first post  
check the link, it asks what I was saying  
Just to add the image

> [@Jashan](#):
>
> **Challenge:** Add Images to Your Website
> 
> **Link to the challenge:**  
> [https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website](https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [May 31, 2021, 5:51pm UTC](https://forum.freecodecamp.org/t/src-attribute-kitten-image/346690/13 "2021-05-31T17:51:36Z")

</div>

Closed on May 31, 2021, 5:51pm UTC


