web从入门开始(6)-----框架
普通框架
- 框架概念:就是将一个页面分割成小窗口,每个窗口都是一个网页
- 框架集和框架页
框架集:<frameset>:主要用来划分窗口的
框架页:<frame>:主要用来指定窗口默认显示的网页地址
比喻:窗户框(框架集)和玻璃(框架页)
格式:
<frameset>
<frame/>
<frame/c>
<frameset/>
- <frameset>:框架类型只能有一个
属性:
l cols :划分左右型的框架
u cols=”200,*” //左框架宽度为200px,剩下的是右框架
u cols=“180,*,180” //左框架,右框架分别是180px,剩下的是中间框架
u cols=“20%,*” //左框架为页面的20%
l rows:划分上下框架
u 方式同左右框架
l fameborder:是否显示框架的边框线 “0”or“1”
l border:边框的粗细
l bordercolor:边框的颜色
l scrlling:是否显示滚动条 “0”or“1”
- <frame>:
属性:
l src:该小窗口中默认显示的网页的地址和路径
l noresize:不能调整窗口页的大小 例如:noresize=”noresize”
l name:小窗口的名字 ----这个属性通常是给<a>标记target属性来用的
使用效果:
当点击左侧某个关键字时:
在右侧框架页中显示内容
- <noframes>含义
当你的浏览器不支持框架的时候,显示的内容(但是现在浏览器都支持框架)
语法:<noframes></noframes>
框架制作:
1) 框架结构的规划
2) 制作具体的页面
注意:框架网页的DTD必须是
<!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0Framexet//EN””http://www.w3.org/TR/xhtml 1/DTD/xhtml1- framexet.dtd”>
行内框架(内嵌框架)
l 描述:内嵌框架,相对于在现有的网页中,挖了一个“窟窿”,透过这个“窟窿”可以看见里面的内容
l 于普通框架的区别:<ifrme>是<body>的子标记,因此,他应该放在<body>中
l 语法格式:<iframe 属性=“值”>当格式不支持时显示的页面</iframe>
l 常用属性
u src :引入文件的位置
u width :框架的宽度
u height :框架的高度
u frameborder :是否显示框架的边框线.取值:”0 ” or “1”
u name :指定窗口的名称,通常是给<a>标记target属性来用的
u align:框架中网页的对其方式,可以实现图文混排
n 注意:src引入的只能是hph文件,不能是其他文件