Image cat problem

HTML-CSS
1

i have a problem of adding image


<h2>CatPhotoApp</h2>
<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>
img src=“https://bit.ly/fcc-relaxing-cat 5.5k” alt=“fcc-relaxing-cat”//>

  **Your browser information:**

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

Challenge: Add Images to Your Website

Link to the challenge:

2

Your image tag is incomplete and has some unnecessary things at the end.

3

it will be right

<img src=“https://bit.ly/fcc-relaxing-cat” alt=“fcc-relaxing-cat”>
4

// running tests Your image should have a

src

attribute that points to the kitten image. Your image element’s

alt

attribute should not be empty. // tests completed

5

when i put what wrote to this what it say

6

so can you help me to solve it

7 
src=""  -  indicates the path to the image being displayed
alt="" -  indicates the alternative text to display if the image itself cannot be displayed.

now try to complete the task according to the instructions.

8 
<h2>CatPhotoApp</h2>
<main>

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

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

<img src=""-https://bit.ly/fcc-relaxing-cat” alt=""-“fcc-relaxing-cat”>

10

like this but it not working

11

you are just spelling wrong.
look at the code again

12

You need to understand something vital first. < This highlighted tag is the beginning of your html element. You then specify the type of element you are writing. In this case, it’s an image element written as img.

Now you add the behaviours of your html element or tag. These behaviours are called attributes. All attributes are written as follows… attr="behaviour of the attr".

Notice, the behaviours is written between two parenthesis and there aren’t any -.

If you continue to have issues understanding the concepts behind coding, Don’t be shy to look at the answer and work backwards until you understand the what you did wrong.

Also, download VSCode, it will assist you with some syntax error correction.

1 Like
13

thanks i have slove thats one

14

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