g
Printer Friendly Version

editor  
BellaOnline's HTML Editor
 

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

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
ElementOpening TagAttributesClosing TagDescription
area<area>shape="?"
coords="?"
href="url"
NoneDefines 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="?"
NonePlaces 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.




This site needs an editor - click to learn more!

HTML Site @ BellaOnline
View This Article in Regular Layout

Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Editor Wanted for details.



| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor