IMG Tag (HTML Code for Pictures)
The <img> tag gives us graphical capabilities and helps make cool html code. The web allows us to share any graphical image as long as it is a .GIF or a .JPG file. The <img> tag does not use a closing tag. A cute graphic can really enhance your web site.
Syntax
<IMG
- src="url" width=xxx height=xxx align=position border=xx alt="description" hspace=xx vspace=xx usemap="url">
Modifiers
- SRC=URL
- The URL is the location and filename of the image file. This address can be an absolute web address or a relative address within the web site.
- WIDTH=number
- Width, in either pixels or the percentage of the screen (ie; 80%).
- HEIGHT=pixels
- The actual height of the image in pixels.
- ALIGN=position
- The align modifier controls the horizontal location, with respect to the field the item resides in. Options can be LEFT, CENTER or RIGHT.
- BORDER=pixels
- Builds a frame around the picture the width of the number of pixels. BORDER=0 would put no border around the image.
- ALT=Description
- This is the alternate description for people without graphical browsers (the blind). It
is also noted by the Search Engines. - TITLE=Description
- This is much like the alternate description.
- HSPACE=pixels
- HSPACE is the amount of horizontal spacing between the picture and any surrounding text.
- VSPACE=pixels
- VSPACE is the amount of vertical spacing between the picture and any surrounding text.
- USEMAP=NAME
- The NAME is defined by the <MAP></MAP> tags and should match the graphic as well. See the <AREA> tag for more information.
Tips
- URL
- The URL of the image can be located by a relative address (../pics/image.gif) or by an absolute address (http://www.nampa.net/pics/line.gif).
- WIDTH or HEIGHT
- The actual values can be determined by looking at them with a browser. Incorrect values can be used, but distort the picture. If left out, the browser can determine the values, but on a complex page it can take a noticable amount of time.
