logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Full Schedule
g
g HTML Site

BellaOnline's HTML Editor

g

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
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!

Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Twitter Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Facebook Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to MySpace Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Del.icio.us Digg HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Yahoo My Web Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Google Bookmarks Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Stumbleupon Add HTML+Elements+and+Attributes+for+an+Image%2C+a+Client%2DSide+Image+Map+and+a+Server%2DSide+Image+Map to Reddit




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


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


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 BellaOnline Administration for details.

g


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor