Tell us what’s happening:
Your code so far
<img src="https://bit.lyfcc-relaxing-cat> <alt="<A cute ginger tabby cat with green eyes big.">
<h2>CatPhotoApp</h2>
<imgsrc="https://www.your-image-source.com/your-image.jpg"> <alt="<Author standing on a beach with two thumbs up.">
<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>
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 11895.118.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.159 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website
You have a mistake in your src link and the alt shold be immediatley after the scr, no need to insert opening tag:
- On the scr link:
you must write:
https://bit.ly/fcc-relaxing-cat
and you wrote
<img src="https://bit.lyfcc-relaxing-cat>
- Regarding the alt attribute, it should not have a opening tag. Try writing:
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute ginger tabby cat with green eyes big.">
Hey,
The <img>
tag is a self-closing tag. That means it does not have a closing tag like this </img>
. Typically a tag will have a opening and closing tag. For example <h1> code </h1>
.
To fix your code, I would write it like this <img =src"https://bit.lyfcc-relaxing-cat" alt="A cute ginger tabby cat with green eyes big.">
. Notice that the end of the src I added closing quotation marks, and also removed the closing great than sign (>) and placed it after the closing quotation marks of the “alt”.
Hope this helps.