UK [ˈeəriə] US [ˈeriə]
n.Region; domain; area, scope; area, flat land
Plural: areas
html area tag syntax
Function:Image mapping with clickable areas
Description:The usemap attribute in <img> can refer to the id in <map> Or name attribute (determined by the browser), so we need to add both id and name attributes to <map>.
Note: <area> tag defines the area in the image map (Note: Image map refers to an image with a clickable area). The area element is always nested within a <map> tag. The usemap attribute in the <img> tag is associated with the name attribute of the map element, creating a connection between the image and the map.
html area tag example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="http://www.php.cn/tpl/Index/Static/img/banner7.jpg" border="0" usemap="#studymap" alt="study" /> <map name="studymap" id="studymap"> <area shape="circle" coords="180,139,14" href ="http://www.php.cn" /> <area shape="circle" coords="129,161,10" href ="http://www.php.cn" /> <area shape="rect" coords="0,0,110,260" href ="http://www.php.cn" /> </map> </body> </html>
Run instance »
Click the "Run instance" button to view the online instance