html图片热点和框架集和框架页

2024-10-14 02:25:48

html图片热点和框架集和框架页

工具/原料

html

图片热点:

1、婚栀驰严默认情况下，一张图片只能做一个链接，如果一张图片做多个链接，就得加图片热点标记的结构语法格式<img src=”图片的地址”usemap=”#map”/><map id=”map”name=”map”><area shape=”rect”coords=”热区坐标”href=”链接地址”/><area shape=”circle”coords=”热区坐标”href=”链接地址”/><area shape=”poly”coords=”热区坐标”href=”链接地址”/></map>

2、Area的属性Shape 热区的形状取值 rect （矩形） circle(圆形) poly(多边形)Coords 热区的坐标如果是rect, coords=”x1,y1,x2,y2”(x1,y1) 为矩形左上角的坐标，（x2,y2）为矩形右下角的坐标例如 coords=”50,50,200,150”（50,50）是矩形左上角的坐标（200,150）是矩形右下角的坐标

4、如果是poly,coords=”x1,y1,x2,y2,x3,y3”(x1,y1)为多边形的第一个点坐标，（x2,y2）为多边形第二点的坐标 ,(x3,y3)为多边形的第三点的坐标案例

框架集和框架页:

1、框架集（frameset）：主要是用来划分窗口用的框架页(frame)：主要是显示默认的网页地址框架和窗户很像一个窗户包括窗格（框架集）和玻璃（框架页）囗寝嗵若先设置窗格（框架集），再按玻璃（框架页），（先有结构，后有内容） Xhtml 中dtd必须是设置为框架型（frameset）代码是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "/TR/xhtml1/DTD/xhtml1-frameset.dtd">注意：在框架集中是没有<body></body>标签将一个浏览器窗口划分为左右型框架<frameset cols=”200,*”borderframe=”yes”border=”3”bordercolor=”blue”><frame src=”left.html”/><frame src=”main.html”/></frameset>