Inserting image in html

HTML-CSS
1

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

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<img src="http//bit.ly/fcc-relaxing-cat"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>

  **Your browser information:**

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

Challenge: Add Images to Your Website

Link to the challenge:

2

Hi @Ritta !

Welcome to the forum!

You are using the wrong url.

This is the correct one.
Now set the src attribute so that it points to the url https://www.bit.ly/fcc-relaxing-cat

3

thanks for your help but still I can not understand where i made mistake .
I wrote exactly like what it was dictated in the lesson

4

Not quite :grinning:

Look closely at the beginning.
You are missing some things.

It is always better to copy and paste instead of typing it out yourself.
That way you don’t get errors.

5

It does not work
I have to write it
could you please write the correct one

6

This is the correct one.

And this is your incorrect one.

You are missing the s: www.

If you have to type it out, then you will need to slowly type it out and check each character with the correct one from the instructions.

7

you are an Angle dear Thank you for 1000 times

8

I wrote It no work again

9 
<img src="https://www.bit.ly/ fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
10 
<img src="https://www.bit.ly/ fcc-relaxing-cat" on its back.">

where is the problem?

11

The first one your wrote has an extra space before fcc.
The second one you wrote is invalid html.

It looks like you forgot the alt attribute in that second one.

12

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 (’).

13

Thanks for your time and help . You are really kind
sorry for inconvenience .As soon as you got my massage you find out I am a beginner.
trying to omit the space between fcc and previous word is useless . it deletes letters

14

Hello~!

If you are using a mobile device, the default keyboard does not always play well with the freeCodeCamp editor. I recommend you read the article on using a mobile device to view some tips - most importantly, check out the coding keyboards listed as they interface with the editor well.

15

hello
THANKS . MS. Oboe and MS. Ilenia
At last i passed the the test.It showed that I should be very careful in punctuation.

16

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