HTML Images

Where to get Images Images are under copywrite from the author, we need to either use free images or purchase the right to use them. Places to Get Images: www.istockphoto.com www.gettyimages.com www.veer.com www.sxc.hu www.fotolia.com For our website you can go to Google Images, just make sure to leave the watermark on the images.

Saving Your Image Once you have an image that you like, make sure to save it to the same directory where your html files are located.

Adding The Image to your HTML Images are put inside <img> tags <img> is a self enclosing tag, this means there is no </img> All the information about the image is stored inside the <img> tag as attributes.

The src Attribute <img src=“cookie.jpg”> src stands for source. It contains the path to the file, or just the file name. Now we have: <img src=“cookie.jpg”> File Name File Extension

And your Image Appears

The alternate text Attribute The alt attribute describes the picture, e.g. The alt attribute will not appear in your document, but is important for accessibility. Screen readers for the visually impaired will read the alt attribute so the user knows what the picture is of. Do not leave this attribute out even if the picture is not important, the user needs to know why it exists. <img src=“cookie.jpg” alt=“cookie”>