Creating an image

Tell us what’s happening:
Describe your issue in detail here.
I am struggling to insert the alt element

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>

<imgp>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/96.0.4664.110 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

This imgp is an error in your code, insert an img element before the existing p elements meant this:

<img>
<p> Kitty ipsum dolor sit....

Further instruction says to add src and alt to this img tag, then your code should pass.

2 Likes

I’m stuck at the a element. It does not want to take the link…

It’s due to a syntax error in your anchor element.

This is the correct syntax of anchor element:
<a href="some link">anchor text</a>

Given Eg: <a href="https://www.freecodecamp.org">this links to freecodecamp.org</a>

Can you screenshot for me because it does not work.

What does your current code look like?

So, obviously your line 9 in the code is wrong. Here is how a anchor tag is supposed to be set up


<a href="url">link text</a>

Now, take a look at your line 9, and see if you can see what is wrong. Your cat photo text is correct, but you need to fix something else.

Also delete line 8. That row is incorrect as well. Just work with the line 9 code

1 Like

Screenshots are not good to work with when asking for help.

Follow the instructions below to add your current code to the topic.

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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

I am lost now. Are you on a new challenge? Like the post above explained, screen shots are not the best in trying to get help with your code. If you are working on a challenge you should see these options near the bottom. Use the get help option so it will link to the current challenge you are on.
help

I see you have used it for the initial question. Though, if you are on new challenge then it is better to create a new help post for that specific challenge. Instead of combining several challenges in one post.

Sorry, that is weird. Probarly happened as I was attending to my little one. :roll_eyes:

I would go ahead, and use the help option on the current challenge you are on. This will make a new post for you to get help on that specific challenge. That will make everything less confusing for those who are willing to help

One line is not all of your current code and it’s from a different lesson.

If you have moved on to a different lesson and are having an issue you should open a new topic.
Use the Ask For Help button.

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.