Home > Article > Web Front-end > How to use html map tag
html map tag is used for client-side image mapping. An image map is an image with clickable areas. Because the usemap attribute in can reference the id or name attribute in
#html How to use map tag?
Function: Define a client image mapping.
Description: Image-map refers to an image with a clickable area.
Note: area elements are always nested inside map elements. The area element defines an area in the image map. The usemap attribute in can reference the id or name attribute in
html map tag example
<!DOCTYPE html> <html> <body> <img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Sun" /> </map> <p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> </body> </html>
Output:
The above is the detailed content of How to use html map tag. For more information, please follow other related articles on the PHP Chinese website!