Example
<!DOCTYPE html>
<html>
<head>
<title>Scholars HTML area Tag</title>
</head>
<body>
<img src=/images/testmap.gif alt="testmap" border="0"
testmap="#tutorials"/>
<map name="tutorials">
<area shape="poly"
coords="74,0,113,29,98,72,52,72,38,27"
href="/css/index.htm"
alt="CSS Tutorial"
target="_blank" />
<area shape="rect"
coords="22,83,126,125"
alt="HTML Tutorial"
href="/html/index.htm"
target="_blank" />
<area shape="circle"
coords="73,168,32"
alt="PHP Tutorial"
href="/php/index.htm"
target="_blank" />
</map>
</body>
</html>
The HTML <area> tag attributes:
|
Attribute
|
Value
|
Description
|
|
alt
|
text
|
Setss an alternate text for the area.
|
|
coords
|
if shape="rect" then
coords="left,top,right,bottom" if shape="circ" then
coords="centerx,centery,radius" if shape="poly" then
coords="x1,y1,x2,y2,..,xn,yn"
|
Defines the coordinates appropriate to the shape attribute to define
a region of an image for image maps.
|
|
download
|
filename
|
Sets that the target gets downloaded when hyperlink is clicked by
user.
|
|
href
|
URL
|
Sets the URL of a page or the name of the anchor that the link goes
to.
|
|
hreflang
|
language_code
|
Assigns the language of the target URL.
|
|
media
|
media query
|
Setss media/device the target URL is optimized for.
|
|
nohref
|
true/false
|
Omit an area from the image map
|
|
rel
|
alternate author bookmark help license next nofollow noreferrer
prefetch prev search tag
|
Sets relationship between the current document and the target URL
|
|
shape
|
rect rectangle circ circle
|
Defines the shape of the image map
|
No comments:
Post a comment