Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > How to use html area tag

How to use html area tag

藏色散人
Release： 2019-05-25 13:41:56
Original
3125 people have browsed it

html area tag is used for image mapping with clickable areas. The area element is always nested in the tag. The usemap attribute in the tag is associated with the name attribute of the map element, creating a connection between the image and the mapping.

How to use html area tag

#html How to use the area tag?

Function: Image mapping with clickable areas

Description: The usemap attribute in

## 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 at the same time.

Note:

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 tag. The usemap attribute in the 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>
Copy after login

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!

Related labels：
html area标签
source：php.cn
Previous article：How to use html applet tag Next article：How to download bootstrap
Statement of this Website
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
Latest Articles by Author
Latest Issues
SQL Count() also requires 0 I have only one table and I want to count each entry of a tag that starts with 0. Now I tr...
From 2024-04-06 19:48:53
0
1
449
CSS styles not applied to site I'm making a website using Bootstrap5 but the index.css properties are not being applied t...
From 2024-04-06 17:12:23
0
1
336
Why is my hr tag translucent when it is set to a solid color of white? I have a html (with bootstrap) and a css, in my html I have a <hr> tag which has a c...
From 2024-04-06 16:13:26
0
1
500
JavaScript hover events on vendor-specific pseudo-elements I have the following htmlinput tag. $("input[type='range']::-webkit-slider-thumb"...
From 2024-04-06 15:35:24
0
1
274
How do I get my image to appear on the page's main display? What I want to do is receive some photos using NASAAPI. These photos are then displayed on...
From 2024-04-06 15:33:12
0
1
433
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template