Cannot move past HTML image input

HTML-CSS
1

Tell us what’s happening:

I was ale to move past the image point by inputting the following: <img src="https://bit.ly/fcc-relaxing-cat" atl="relaxing cat"> but it is not allowing me to continue with the course. I’ve since looked up several videos online and tried added jpg after the first https input and it still is not allowing me to continue. Can I get some assistance with this matter to move forward in my studies?

Your code so far


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

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:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/add-images-to-your-website

1 Like
2

The error message says, " Your image element’s alt attribute should not be empty."
Check your spelling of that attribute versus what the correct spelling should be.

3

you sould type alt not atl

4

alt=“relaxing cat”
not atl=“relaxing cat”

5

Thank you so much! That was it, I thought it was Atl= Altanta lol. Take care!

1 Like
6

you’re much welcome lainarenee

7

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums