Graphics, images, pictures, photographs-whatever you call them, a visual element makes your page more compelling and is the easiest way to give your page a unique look.

	Adding an Images
	Setting image as a Background
	Including Alternative Text
	Specifying Height and Width
	Aligning the Image
	Controlling the Border

To add an image to an HTML document, you include a single tag with a reference to the image. The image reference is called the source, indicated by the SRC=attribute, which points to the image file. For linking to an image file, you can use the URL within the same folder or within the SRC=attribute. A URL used in the SRC=attribute is called a 'remote reference'.

In this exercise, you will learn to add an image to the HTML page.

Add images to your pages with the image tag, <IMG>. Use the src attribute to identify the image file. You can control the size and alignment of the image using the height, width and align attributes.

You can see the image on the right side of the page.

Most browsers support background images, the patterns or images behind the text in HTML documents. Normally, background images are tiled throughout the available space. Tiling offers two main advantages. First, you can provide a seamless background. Second, you can develop visually interesting backgrounds by ensuring that background images tile either horizontally or vertically. You can prevent the image from tiling throughout the background using BGPROPERTIES=FIXED attribute.

In this exercise, you will learn to add background image to the HTML page.

In the Body tag, add the image file to your Background attribute. Change the color of the text using the text attribute.

You can see that the background has been applied.

Copyrights : Layout Galaxy All Rights Reserved No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.