Full width home advertisement

How To

Science

Post Page Advertisement [Top]


The HTML <area> tag is used for setting and specifying an area in an image map.

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

Bottom Ad [Post Page]

| Designed by Colorlib