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

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.
https://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!



RSS
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map





Content copyright © 2023 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 BellaOnline Administration for details.