html图片热点和框架集和框架页
工具/原料
html
图片热点:
1、1.婚栀驰严默认情况下,一张图片只能做一个链接,如果一张图片做多个链接,就得加图片热点标记的结构语法格式<imgs鸡堕樱陨rc=”图片的地址”usemap=”#map”/><mapid=”map”name=”map”><areashape=”rect”coords=”热区坐标”href=”链接地址”/><areashape=”circle”coords=”热区坐标”href=”链接地址”/><areashape=”poly”coords=”热区坐标”href=”链接地址”/></map>
2、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)是矩形右下角的坐标
3、3.如果是circle,coords=”x1,y1,r”(x1,y1)为矩形的圆心坐标,r为矩形的半径例如:cords=”60,55,20”(60,55)为圆形圆心的坐标,20为圆形的半径如图
4、4.如果是poly,coords=”x1,y1,x2,y2,x3,y3”(x1,y1)为多边形的第一个点坐标,(x2,y2)为多边形第二点的坐标,(x3,y3)为多边形的第三点的坐标案例
5、5.效果
框架集和框架页:
1、1.咯悝滩镞框架集(frameset):主要是用来划分窗口用的框架页(frame):主要是显示默认的网页地址框架和窗户很像一个窗户包括窗格(框架集)和玻璃(框架页)囗寝嗵若先设置窗格(框架集),再按玻璃(框架页),(先有结构,后有内容)Xhtml中dtd必须是设置为框架型(frameset)代码是<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""/TR/xhtml1/DTD/xhtml1-frameset.dtd">注意:在框架集中是没有<body></body>标签将一个浏览器窗口划分为左右型框架<framesetcols=”200,*”borderframe=”yes”border=”3”bordercolor=”blue”><framesrc=”left.html”/><framesrc=”main.html”/></frameset>
2、2.F筠续师诈rame框架页的属性Src在小窗口中,默认显示的网页地址Noresize不能调整框架小窗口的大小Scrolling是否出禊耗髻编现滚动条,取值autoyesnoAuto默认值,如果网页的内容超出框架的尺寸时,出现滚动条,否则不出现滚动条Yes无论网页的内容是否超出框架的尺寸,都会为框架窗口提供滚动条No无论网页的内容是否超出框架的尺寸,都不会为框架窗口提供滚动条Name给当前小窗口起个名字,这个name是为了给<a>标签中属性target用的
3、3.<noframes>当你的浏览器不支持框架的时候,将弹出提示信息,ie6不支持框架,高版本都支持语法<noframes>提示的信息</noframes>先划分上下框架在下方的大窗口中,在划分左右框架