图片热点链接: 标签

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

必需的属性

属性 描述
标签的 alt 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_alt.asp">alt text 定义此区域的替换文本。

可选的属性

属性 描述
标签的 coords 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_coords.asp">coords 坐标值 定义可点击区域(对鼠标敏感的区域)的坐标。
标签的 href 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_href.asp">href URL 定义此区域的目标 URL。
标签的 nohref 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_nohref.asp">nohref nohref 从图像映射排除某个区域。
标签的 shape 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_shape.asp">shape
  • default
  • rect
  • circ
  • poly
定义区域的形状。
标签的 target 属性" style="TEXT-DECORATION: underline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: rgb(144,11,9); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px" href="http://www.w3school.com.cn/tags/att_area_target.asp">target
  • _blank
  • _parent
  • _self
  • _top
规定在何处打开 href 属性指定的目标 URL。

你可能感兴趣的:(图片热点链接: 标签)