Img src=“https://bit.ly/fcc-relaxing-cat” alt=“fcc-relaxing-cat”

HTML-CSS
1

Tell us what’s happening:
i cannot add image to the website please help

Your code so far


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

Your browser information:

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

Challenge: Add Images to Your Website

Link to the challenge:

2

Can you give us more detail why you cannot? I can only surmise what the problem might be, going off your title

If you tried to place an image with what you have in your title, i.e.

Img src=“https://bit.ly/fcc-relaxing-cat” alt=“fcc-relaxing-cat”

Then the problem here is that you do not have the opening (<) and closing (/>) brackets, and also that the Img tag is not supposed to be in titlecase, but instead in lowercase, as such img

So the correct method would be:

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

With warm regards,
Onur Bal

3

yes sir this is my main problem but i cannot understand is Within the existing main element, insert an img element before the existing p elements.

4

the empty lines before the paragraphs are there as an hint where to write

try adding the image!

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

it doesn’t seem you have added anything new, try again!

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

with the two paragraph where should i write the code . sorry magical girl this my first time of writing code

8

you need to add the image before the two paragraphs, just after the opening main tag

9

thanks so much this is the code.

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

this is what i do

10

i think i am corret now

11

the next level is about Create an a element that links to https://freecatphotoapp.com and has “cat photos” as its anchor text.

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

try doing it on your own! When you are stuck in a challenge use the “ask for help” button, so that the code and challenge link are automatically added. Then you can write what kind of help you need under the “Tell us what’s happening” title

1 Like
14

i am stuck on Change your external link to an internal link by changing the href attribute to “#footer” and the text from “cat photos” to “Jump to Bottom”.

15

The a tag should have an href attribute set to “#footer”.

16

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

17

this is exactly what i did but it says my src is not directly linked to the image