Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie das HTML-Area-Tag
So verwenden Sie das HTML-Area-Tag
- 藏色散人Original
- 2019-05-25 13:41:563228Durchsuche
Das
html-Area-Tag wird für die Bildzuordnung mit anklickbaren Bereichen verwendet. Das Area-Element ist immer im dab9f699790ab0922e596ecb9f6677d5-Tag verschachtelt. Das usemap-Attribut im a1f02c36ba31691bcfe87b2722de723b-Tag ist mit dem name-Attribut des Kartenelements verknüpft, wodurch eine Verbindung zwischen dem Bild und der Zuordnung hergestellt wird.
Wie verwende ich das HTML-Area-Tag?
Funktion: Bildzuordnung mit anklickbaren Bereichen
Beschreibung: Das usemap-Attribut in
a1f02c36ba31691bcfe87b2722de723b kann referenziert werdenacfaa6e280a9f8bb36600187b50b6c51 (vom Browser bestimmt), daher müssen wir sowohl id- als auch name-Attribute gleichzeitig zu dab9f699790ab0922e596ecb9f6677d5 hinzufügen.
Hinweis:
03fc64e1e502d5ba947b3a9af06d2d2a Tag definiert den Bereich in der Bildkarte (Hinweis: Bildkarte bezieht sich auf ein Bild mit einem anklickbaren Bereich). Das Bereichselement ist immer in einem dab9f699790ab0922e596ecb9f6677d5-Tag verschachtelt. Das usemap-Attribut im a1f02c36ba31691bcfe87b2722de723b-Tag ist mit dem name-Attribut des Kartenelements verknüpft, wodurch eine Verknüpfung zwischen dem Bild und der Karte hergestellt wird.
HTML-Bereichs-Tag-Beispiel
<!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>Das obige ist der detaillierte Inhalt vonSo verwenden Sie das HTML-Area-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!