Lesson 6:

<img> Tags

Image tags are used to put images in your document. To put an image into your document you need to use the atribute "src" Example: <img src="http://www.webitename.com/imagefile.gif"> Image tags are not closed by another tag. This tag <img src="pics/ex1.jpg"> Gives you this result: Now lets move on to some attributes: "alt" - The attribute "alt" gives an alternative text description of the image for broken images, mouseovers, and text-only browsers such as Lynx. Example: "align" - The attribute "align" aligns text to the image. The text that can be used in this attribute is: "top" "middle" "bottom" Example: This text is aligned at the top of the image. This text is aligned at the middle. This text is aligned at the bottom. This is also the default for most browsers. "hspace" - "hspace" gives some padding around the image. It is used to keep things from looking crowded. The values for this attribute can be any number. The numbers are measured in pixels. Image types: The common types of images you will see on the internet are: .jpg - (also known as .jpeg) This type of image can support any number of colors. It is usually used for photographs or images with many colors. .gif - This type of image can only support 256 colors. It has a smaller file size though. .png - This image type is similar to .gif, but compresses at a larger size.