Home >Web Front-end >HTML Tutorial >How to use html area tag
How to use html area tag
- 藏色散人Original
- 2019-05-25 13:41:563152browse
html area tag is used for image mapping with clickable areas. The area element is always nested in the dab9f699790ab0922e596ecb9f6677d5 tag. The usemap attribute in the a1f02c36ba31691bcfe87b2722de723b tag is associated with the name attribute of the map element, creating a connection between the image and the mapping.
#html How to use the area tag?
Function: Image mapping with clickable areas
Description: The usemap attribute in
##a1f02c36ba31691bcfe87b2722de723b can be referenced< The id or name attribute in ;map> (determined by the browser), so we need to add both id and name attributes to dab9f699790ab0922e596ecb9f6677d5 at the same time.Note:
03fc64e1e502d5ba947b3a9af06d2d2a 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 dab9f699790ab0922e596ecb9f6677d5 tag. The usemap attribute in the a1f02c36ba31691bcfe87b2722de723b tag is associated with the name attribute of the map element, creating a link between the image and the map.html area tag example
<!DOCTYPE html>
<html>
<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>The above is the detailed content of How to use html area tag. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to use html applet tagNext article：How to use html applet tag