> 网站资讯 > 北京网站建设公司 > 北京网站建设公司
北京网站建设HTML基础教程之多视窗口框架
文章来源:wubaiyi 更新时间:2013-01-18 09:20 点击: 次
北京网站建设HTML基础教程之多视窗口框架
HTML(Hypertext Markup Language),是描述网页文档的一种标记语言,这次上海网站建设着重讲解一下HTML基础教程之多视窗口框架的相关知识。
框架的含义和基本构成
框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的 URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果,也可以非常方便的完成导航工作。
而所有的框架标记 要放在一个 html 文档中。html页面的文档体标签<body>被框架集标签<frameset>所取代,然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。
语法格式:
<html>
<head>
</head>
<frameset>
<frame src="url地址1">
<frame src="url地址2">
......
<frameset>
</html>
Frame子框架的src属性的每个URL值指定了一个html文件(这个文件必须事先做好)地址,地址路径可使用绝对路径或相对路径,这个文件将载入相应的窗口中。
框架结构可以根据框架集标签<frameset>的分割属性分为3种:
左右分割窗口
上下分割窗口
嵌套分割窗口
框架集<frameset>控制
<frameset>的属性
属 性 描 述
border 设置边框粗细,默认是5象素.
bordercolor 设置边框颜色
frameborder 指定是否显示边框 :"0"代表不显示边框,"1"代表显示边框
cols 用"象素数" 和 "%"分割左右窗口,"*"表示剩余部分
rows 用"象素数" 和 "%"分割上下窗口,"*"表示剩余部分
framespacing="5" 表示框架与框架间的保留空白的距离
noresize
设定框架不能够调节,只要设定了前面的,后面的将继承
左右分割窗口属性:cols
如果想要在水平方向将浏览器分割多个窗口,这需要使用到框架集的左右分割窗口属性cols.分割几个窗口其cols的值就有几个,值的定义为宽度,可以是数字(单位为像素),也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用"*"号表示,剩余值表示所有窗口设定之后的剩余部分,当"*"只出现一次时,表示该子窗口的大小将根据浏览器窗口的大小自动调整,当"*"出现一次以上时,表示按比例分割剩余的窗口空间。cols的默认值为一个窗口
如:
<frameset cols="40%,2*,*"> 将窗口分为40%,40%,20%
<frameset cols="100,200,*">
<frameset cols="100,*,*"> 将100像素以外的窗口平均分配
<frameset cols="*,*,*"> 将窗口分为三等份
2. 上下分割窗口属性:rows
上下分割窗口的属性设置和左右窗口的属性设定是一样的,参照上面所述就可以了。
子窗口<frame>标签的设定
<frame>是个单标签,<frame>标签要放在框架集frameset中,<frameset>设置了几个子窗口就必须对应几个<frame>标签,而且每一个<frame>标签内还必须设定一个网页文件(src="*.html",其常用属性有:
<frame>常用属性
属 性 描 述
src 指示加载的url文件的地址
bordercolor 设置边框颜色
frameborder 指示是否要边框,1显示边框,0不显示(不提倡用 yes 或 no)
border 设置边框粗细
name 指示框架名称,是连结标记的 target所要的参数
noresize 指示不能调整窗口的大小,省略此项时就可调整,
scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No无
marginwidth 设置内容与窗口左右边缘的距离,默认为1
marginheight 设置内容与窗口上下边缘的边距,默认为1
width 框窗的宽及高 默认为width="100" height="100"
align 可选值为 left, right, top, middle, bottom
相关文章
- 2018-06-14建设网站的类型有哪些
- 2018-06-14网站建设的具体流程有哪些
- 2018-06-11建站之前这些问题必须要搞清
- 2018-06-11文章的原创和伪原创的标准是
- 2018-06-01企业网站建设的价值在哪里
- 2018-05-31营销型网站建设的优势是什么
- 2018-05-31如何选择最佳网站配色方案
- 2018-05-28手机网站建设的必要性
- 2018-05-28企业网站建设吸引人的方法原
- 2018-05-23企业网站如何设计才更具吸引
- 2018-05-11如何建设好一个优质的网站
- 2018-05-10手机移动网站建设需要注意的
- 2018-05-05哪些行业需要建设企业官网
- 2018-05-05网站的相关设计原则
- 2018-05-03网站建设有哪些关键因素
- 2018-05-03网站建设的目的是什么
- 2018-04-26如何让企业的网站更有特色
- 2018-04-26如何保障网站的稳定性
- 2018-04-23建设企业网站的简单流程
- 2018-04-19如何通过细节设提升整个网站