How to Add Images to Your Website

HTML-CSS
1

I dont understand how to use alt

Your code so far


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

<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 (iPad; CPU OS 11_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.0 Mobile/15E148 Safari/604.1.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/add-images-to-your-website

2

Hi there! So, the alt tag is used to define the image for the viewer in cases where accessibility might be applied, say for someone who is blind and using a screen-reader. It helps describe the image.

You can format it in this way: <img src="https://bit.ly/fcc-relaxing-cat" alt="image of a relaxing cat">