您的位置：首页 > Web前端 > HTML

HTML基础___框架结构 <第八天>

2007-06-23 16:09 274 查看

学习内容:
1.窗口框架简介 _frameset_frame
2.设置框架集的基本的基本属性 rows_cols_frameborder_bordercolor
3.设置窗口属性 src_name_noresize_marginwidth_marginheight_scrolling_noframes
4.浮动框架 iframe_src_width_height_align_framborder
5.框架与链接 target

1.窗口框架简介
框架主要包含框架集,和框架文件
框架集就是存放框架结构的文件,也是访问框架文件的入口文件.如果网页由左右两个框架组成,哪么除了左右两文件之外,还有一个总的框架集文件.
框架是页面中定义的每一个显示区域,也就是一个窗口就是一个框架.框架页面中最基本的内容就是框架集文件,
语法:
<html>
<head>
<title>框架页面的标题< /title>
</head>
<frameset>
<frame>
<frame>
......
</frameset>
</html>

2.设置框架集的基本的基本属性
按分割方式来分类,包含三种框架结构. 水平分割窗口, 垂直分割窗口,嵌套分割窗口
水平分割窗口___rows
语法：<frameset rows="框架窗口的高度,框架窗口的高度,.....">
<frame>
<frame>
..........
</frame>
说明:rows可以仍多个值,表示框架窗口的水平宽度,单位可以是像素,或百分比.
注意的是,设定几个rows就要有几个<frame>参数

垂直分割窗口___cols
语法：<frameset cols="框架窗口的高度,框架窗口的高度,.....">
<frame>
<frame>
..........
</frame>
说明:cils可以仍多个值,表示框架窗口的水平宽度,单位可以是像素,或百分比.
注意的是,设定几个cols就要有几个<frame>参数

嵌套分割窗口
语法：<frameset rows="框架窗口的高度,.....">
<frame>
<frameset cols="框架窗口的高度,框架窗口的高度,.....">
<frame>
<frame>
..........
</frame>
<frame>
.......
</frameset>
设置边框显示______frameborder
语法:<frameset frameborder="是否显示">或<frame frameborder="是否显示">
说明:frameborder的值为0(隐藏)或1(显示)
在frameset中设置将会对整个框架有效,在frame中则只对当前这个框架有效.
框架的边框宽度_____framespacing
语法:<frameset framespacing="边框宽度">
说明:边框宽度是在页面中的各个边框之间线条的宽度.framespacing只对框架集使用,对单个框架无效.
框架的边框颜色______bordercolor
语法:<frameset bordercolor="颜色代码">
bordercolor只对框架集有效,对单个框架无效

3.设置窗口属性
页面源文件___src
语法:<frame src="页面源文件地址">
<frame src="pic01.jpg">
<frame src="help.htm">
页面名称_____name
语法:<fram src="页面文件地址" name="页面名称">
页面的名称是为了便于页面的查找和链接所提供的一个属性.
调整窗口的尺寸_____noresize
语法:<frame src="页面文件地址" noresize>
固定框架窗口的大小保持不变.
边框与页面内容的水平边距_____marginwidth
语法:<frame src="页面文件地址" marginwidth="水平边距">
说明:水平边距用于设置页面的左右边缘与框架边框的距离.单位是像素.
边框与页面内容的垂直边距_____marginheight
语法:<frame src="页面文件地址" marginheight="垂直边距">
说明:垂直边距用来设置页面的上下边缘与框架边框的距离.单位是像素.
设置框架滚动条显示_____srcolling
语法:<frame src="页面源文件" scrolling="是否显示滚动条">
scrolling值: yes no auto
不支持框架标记_____noframes
语法:<noframe>
内容......
</noframe>

4.浮动框架___iframe

必需参数:____src
语法:<iframe src="页面源文件"></iframe>
特有属性大小____width和height
语法:<iframe src="浮动框架页面源文件" width=页面宽度 height=页面高度></iframe>
物有属性对齐方式___align
语法:<iframe src="浮动框架页面源文件" align="对齐方式"> </iframe>left right center
共有参数设置__name__marginwidth__marginheight__scrolling
语法:<iframe src="浮动框架页面源文件" name="页面名称" marginwidth="边框与页面的水平距离" marginheight="边框与页面的垂直距离" scrolling="是否显示滚动条"> </iframe>
其它参数_____frameborder 边框显示否
语法:<iframe src="浮动框架页面源文件" frameborder="是否显示">
frameborder值为0或1

5.框架与链接
普通框架结构的链接用target参数互相链接起来
<frameset =rows="150,*">
<frame src="no1.thml" name="one" srcolling="no" noresize>
<frame src="content1.htm" name="content">
</frameset>
<a href="content1.htm" tartget="content">文字</a>
<a href="content2.htm" tartget="content">文字</a>
说明:content1和content2文件都在content框架页面中打开.本文出自 “Persist Persist Insists” 博客，谢绝转载！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航