网页基础编程第九章
第九章 框架的应用
9·1 框架概述
9·2 框架的基本结构
语法:<html>
<head>
<title>框架的基本结构</title>
</head>
<frameset>
<frame>
<frame>
......
</frameset>
</html>
9·3 设置框架
9·3·1 设置抗拒源文件属性---src
利用src属性可以设置框架中显示文件的路径
语法:<frameset>
<frame src=URL>
<frame src=URL>
......
</frameset>
9·3·2 添加框架名称---name(给框架自定义一个名字)
语法:<frameset>
<frame src=URL name="">
<frame src=URL name="">
......
</frameset>
9·3·3 设置框架边框---frameborder(0:不显示边框。1:显示边框)
语法:<frameset>
<frame src=URL frameborder="">
<frame src=URL frameborder="">
......
</frameset>
9·3·4 显示框架滚动条---scrolling
语法:<frameset>
<frame src=URL scrolling="">
<frame src=URL scrolling="">
......
</frameset>
其值:(1) yes--添加滚动条
(2) no--不添加滚动条
(3) auto---自动添加滚动条
9·3·5 调整框架尺寸---noresize
利用noresize属性可以设置框架的尺寸
语法:<frameset>
<frame src=URL noresize>
<frame src=URL noresize>
......
</frameset>
注:noresize属性不允许改变左侧框架的尺寸
9·3·6 设置框边缘的宽度和高度---marginwidth和marginheight
语法:<frameset>
<frame src=URL marginwidth="" marginheight="">
<frame src=URL marginwidth="" marginheight="">
......
</frameset>
注:此属性设置不允许改变左侧框架的尺寸
9·3·7 添加不支持框架标记---<noframe>
在网页中使用<noframe>标记，当浏览器不支持框架集文件时，会自动搜索网页中的<noframe>标记，并显示标记中的内容。
语法:<frameset>
<frame src=URL>
<frame src=URL>
......
<noframe>
...
<noframe>
</frameset>
注:利用<frame>标记中的<noframe>属性设置浏览器不支持框架时，显示网页文件内容。
9·4 设置框架集---<frameset>
框架集的属性：
frameborder:设置框架集边框的显示效果
frmaspacing:设置框架集边框的宽度
bordecolor:设置框架集边框的颜色
rows:设置框架集上下分割
cols:设置框架集左右分割
9·4·1 设置框架集边框宽度---frmaspacing
在HTML文件中，利用框架<frame>标记中的frameborder属性可以设置边框的属性(0:不显示边框。1:显示边框)
语法:<frameset frmaspacing="">
<frame src=URL frameborder="">
<frame src=URL frameborder="">
......
</frameset>
9·4·2 设置框架集边框颜色---bordercolor
语法:<frameset bordercolor="">
<frame src=URL marginwidth="" marginheight="">
<frame src=URL marginwidth="" marginheight="">
......
</frameset>
9·4·3 左右分割边框---cols
利用cols属性将网页进行左右分割
语法:<frameset cols="*,*">
<frame src=URL marginwidth="" marginheight="">
<frame src=URL marginwidth="" marginheight="">
......
</frameset>
注:分割方式可以是百分比，也可以是具体数值。
9·4·3 上下分割边框---rows
语法:<frameset rows="*,*">
<frame src=URL marginwidth="" marginheight="">
<frame src=URL marginwidth="" marginheight="">
......
</frameset>
注:同上类似。
9·5 浮动框架---<iframe>
浮动框架的属性：
src:设置源文件属性
width:设置浮动框架的宽度
height:设置浮动框架的高度
name:设置框架的名字
align:设置对齐方式
frameborder:设置框架的边框
framespancing:设置框架边框的宽度
scrolling:设置框架滚动条
noresize:设置框架尺寸
bordercolor:设置边框颜色
marginwidth:设置框架左右边距
marginheight:设置框架上下边距
9·5·1 设置浮动框架源文件属性---src(文件路径)
语法:<body>
<iframe src=URL></ifrmae>
</body>
9·5·2 添加浮动框架名称---name(给框架添加名称，在网页中不显示，不影响显示效果)
语法:<body>
<iframe src=URL name=""></ifrmae>
</body>
9·5·3 设置浮动框架的宽度和高度---width和height
语法:<body>
<iframe src=URL width="" height=""></ifrmae>
</body>
9·5 4 设置浮动框架的对齐方式---align
语法:<body>
<iframe src=URL align=""></ifrmae>
</body>
9·6 在框架上建立连接
9·6·1 普通框架添加连接
语法:<frameset cols="380*,380*">
<frame src=left.htm>
<frame src=right.htm name=right>
......
</frameset>
解释:利用<frameset>标记中的cols属性进行左右分割，左边网页文件来自于left.htm，右边网页文件来自于right.htm。
9·6·2 浮动框架添加连接
语法:<iframe src=\'#\'" /span>http://www.broadview.com.cn" width=450 height=308 name=iframe></iframe>
本文出自 “白鹿学院” 博客，转载请与作者联系！