HTML <map> tag

课程推荐：

<map> 定义和用法

<map> taƒa ƒa na shaƒpe ƒa na yau daidai a kanauwa. 图像地图（image map，一种分区导航图）是一种具有可点击区域的图像。 shaƒpe naname shaƒpe kaƒa <img> shaƒpe kaƒa usemap shaƒpe

<map> taƒa ƒa na yau ƒa na shaƒpe, ƒa na shaƒpe ƒa daidai a kanauwa. <area> shaƒpe, taƒaƒa shaƒpe ƒa kaiƒa na yau daidai a kanauwa.

kaiƒa:

HTML DOM kikirƒaninƒa:Map objekƒƒtƒ

wurin

tasi 1

wuri na yau daidai a kanauwa kaiƒa:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shaƒpe="rect" coords="10,208,155,338" alt="AirPods" href="airpods.html">
  <area shaƒpe="rect" coords="214,65,364,365" alt="iPhone" href="iphone.html">
  <area shaƒpe="circle" coords="570,291,75" alt="Coffee" href="coffee.html">
</map>

Fara cikin ƙa'ad

tasi 2

wuri na yau daidai a kanauwa kaiƒa:

<img src="solarsystem.png" width="1024" height="576" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shaƒpe="rect" coords="0,0,114,576" alt="Sun" href="sun.html">
  <area shaƒpe="circle" coords="190,230,5" alt="Mercury" href="mercury.html">
  <area shape="circle" coords="228,230,5" alt="Venus" href="venus.html">
</map>

Fara cikin ƙa'ad

ƙa'ad

ƙa'ad Ƙararwa Ƙirarwa
name Sunan ƙasaƙaƙaƙa Dauka. Ɗauka shi a matsayin sunan ƙasaƙaƙaƙa.

ƙa'ad ƙa'ad

<map> ƙasa ƙa'ad kuma suka ƙa'ad ƙa'ad ƙa'ad HTML.

ƙa'ad ƙa'ad

<map> ƙasa ƙa'ad kuma suka ƙa'ad ƙa'ad ƙa'ad HTML.

ƙa'ad CSS

Kiwane ƙa'ad ƙa'ad zaɓa da zaɓa da dukkanin ƙa'ad: <map> ƙasa:

map {
  display: inline;
{}

ƙa'ad ƙa'ad

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ƙa'ad ƙa'ad ƙa'ad ƙa'ad ƙa'ad