Free Email
META Tag Generator

Adding Images

If you're using a Web authoring tool, adding an image to your page is usually as simple as placing your mouse where you want the image to appear, and clicking the button for Insert Image. A box will pop up and ask you for the specifics, such as image name, whether you want a border around it, alignment, size, and alternate text description. Filling in the fields in this box will generate the tag and place it in your page. But even if you choose this point-and-click route to Web page design, you should know how image tags are constructed, so that you can look at the resulting HTML and understand what it means, as well as modify it to perform in the way you desire.

A basic image tag looks like this:

<IMG src="myimage.gif">

There's no closing tag. The src attribute identifies the file containing the image you want to display.

If you keep your Web site images and HTML pages in the same place (the same directory), simply specifying the file name will suffice. But if your images are stored somewhere else, perhaps in a subdirectory called "images," your src= tag has to reflect that, or Web browsers won't be able to find and display it. For example,

<IMG src="images/myimage.gif">

tells browsers to get the file myimage.gif from the images subdirectory.

(c) copyright 2000-2010 Anventure.  All Rights Reserved.
privacy policy