HTML Elements and Attributes for an Image, a Client-Side Image Map and a Server-Side Image Map

Guest Author - Diane Cipollo

Below is a list of the most commonly used^*** html element tags that control an image, client-side image map and server-side image map on the webpage.

Note: Some attributes listed below have been depreciated in favor of Cascading Style Sheets.

Elements and Attributes for Image, Client-Side Image Map and Server-Side Image Map
Element	Opening Tag	Attributes	Closing Tag	Description
area	<area>	shape="?" coords="?" href="url"	None	Defines the shape of clickable areas in a client-side image map shape - rect, circ, point or poly coords - two pairs of x/y points href - designated webpage
img	<img>	src="location" width="x" height="x" alt="?" border="x" hspace="x" vspace="x" align="position" ismap usemap="?"	None	Places image on the webpage and supplies information src - URL for image width - set to pixels height - set to pixels alt - alternate text border - set to pixels hspace - empty space next to side of image set to pixels vspace - empty space above and below image set to pixels align - top, middle, bottom, left or right ismap - defines server-side image map usemap - name of client-side image map (reference to map tag)
map	<map>	name="?"	</map>	Defines the active regions for a client-side image map name - name of map (see img tag - usemap)

^***A complete list of html element tags can be found at the World Wide Web Consortium (W3C) website.
http://www.w3.org/TR/REC-html40/index/elements.html
^**Color can be set using color names (red, black, etc) or RGB color codes or hexidecimal color codes.