欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

复习HTML+CSS(7)

程序员文章站 2022-03-30 16:17:22
n HTML 注释 <--! 注释内容 --> 注意:注释内容不会显示,注释是为了将来维护方面。 n 图片热点(图像地图) 图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一个链接。 1、标记结构:

HTML 注释

       <--! 注释内容 -->

       注意:注释内容不会显示,注释是为了将来维护方面。

 

图片热点(图像地图)

图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一个链接。

 

1、标记结构:

<img src=”images/01.jpg” usemap=”#Map” >

<map id=”Map”>

       <area shape=”热区形状” coords=”热区坐标” href=”链接地址”>

       <area shape=”热区形状” coords=”热区坐标” href=”链接地址”>

<area shape=”热区形状” coords=”热区坐标” href=”链接地址”>

</map>

2、<area>标记的常用属性

  • Shape:热区的形状,取值:rect(矩形)、circle(圆形)、polygon(多边形)
  • Coords:热区的坐标(位置)

l  如果shape=rect时,那么,coords=”x1,y1,x2,y2”  例如:coords=”50,50,200,150”

n  (x1,y1)为矩形左上角的坐标值,(x2,y2)为矩形右下角的坐标值

 复习HTML+CSS(7)

 

l  如果shape=circle时,那么,coords=”x,y,r”,其中(x,y)为圆心坐标,r为半径,

 复习HTML+CSS(7)

复习HTML+CSS(7)