Adding images to your website can help it come to life. To add images to your site, use the
img tag with the src attribute.
src stands for “Source” and tells the
img tag where to find the image you want to include on your page.
img tag alone doesn't do much. It's like putting an empty
<a> in your code. The most important thing to do is to tell the browser what image to show using helpful attributes. That's what the
src attribute does. The
src attribute for an
img tag works just like the
href attribute for a link: It tells a browser where to look for an image.
The image alternate attribute is a text description of the image, and is read aloud to users with visual impairments. This description is especially important to include when there's text in an image.
<img src="http://i.imgur.com/z9gGd0t.jpg" alt="grumpy cat">
The title attribute tells search engines what the image is depicting, which helps the page appear in Google Image Search.
<img src="http://i.imgur.com/z9gGd0t.jpg" alt="grumpy cat" title="grumpy cat">