如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
html图片热点和框架集和框架页
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=”链接地址”/>
/ma
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.如果是circle,coords=”x1,y1,r”
(x1,y1)为矩形的圆心坐标,r为矩形的半径
例如: cords=”60,55,20”(60,55)为圆形圆心的坐标,20为圆形的半径
如图
4.如果是poly,coords=”x1,y1,x2,y2,x3,y3”
(x1,y1)为多边形的第一个点坐标,(x2,y2)为多边形第二点的坐标 ,(x3,y3)为多边形的第三点的坐标
案例
5.效果
框架集和框架页:
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>
2.Frame 框架页的属性
Src 在小窗口中,默认显示的网页地址
Noresize 不能调整框架小窗口的大小
Scrolling 是否出现滚动条,取值 auto yes no
Auto 默认值, 如果网页的内容超出框架的尺寸时,出现滚动条,否则不出现滚动条
Yes 无论网页的内容是否超出框架的尺寸,都会为框架窗口提供滚动条
No 无论网页的内容是否超出框架的尺寸,都不会为框架窗口提供滚动条
Name 给当前小窗口起个名字,这个 name 是为了给a>标签中属性 target 用的
3.noframes>
当你的浏览器不支持框架的时候,将弹出提示信息 ,ie6不支持框架,高版本都支持
语法noframes>提示的信息/noframes>
先划分上下框架 在下方的大窗口中,在划分左右框架
注意事项
- 注意事项 框架,又叫做普通框架 普通框架先划分结构,在制作具体页面 普通框架在划分的时候,不能出现body标签,因为里面没有实际的内容
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 433 HTML