html框架的基本结构

html框架的基本结构

ID:15553213

大小:73.50 KB

页数:5页

时间:2018-08-04

html框架的基本结构_第1页
html框架的基本结构_第2页
html框架的基本结构_第3页
html框架的基本结构_第4页
html框架的基本结构_第5页
资源描述:

《html框架的基本结构》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、HTML框架的基本结构在一个网页中,并不是所有的内容都需要改变,如网页的导航栏、网页页脚等部分是不需要改变的,如果在每一个网页中都重复添加这些元素,不仅会浪费时间,而且在浏览时也会带来不便、耗费更多的时间,为了解决这种问题,我们可以使用框架来对网页进行布局。本节单词记忆:标签1.frameset2.frame 属性1.cols2.rows3.noresize4.bordercolor5.frameborder网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语

2、单词不过关,所以每节记忆几个单词是非常有必要的。使用框架可以把浏览器窗口划分为多个区域,每个区域可以显示不同的网页,每次浏览者在访问框架页面时,只下载框架页面中变化的区域,对于不变的区域,不用重新下载,从而给浏览者带来方便、节省下载页面所需的时间。一个框架结构是由以下两部分组成的:框架(FRAME):是浏览器窗口中的一个区域,它可以显示与浏览器窗口其余部分中所显示内容无关的网页文件。框架集(FRAMESET):是一个网页文件,它将一个窗口通过横向或纵向的方式分割成多个框架,每个框架中要显示的都是不同的网页文件。

3、不同的网页文件可以通过超链接联系起来。如图1所示就是一个比较经典的框架集页面。此页面一共有3个区域,每个区域分别显示一个HTML文档,由于框架集页面也是一个HTML文档,所以一共有4个HTML文件。为了浏览方便,当浏览者单击左侧导航栏中的服务列表(如“注册&认证”、“买家帮助”等)超链接时,右侧窗口显示相应的详细帮助信息。图1框架集页面一、为何使用框架一个网页可以有一个或多个框架。框架的一些用法如下:●在页面的一个固定部分显示Logo或静态信息。●左侧框架显示目录,右侧框架显示内容,用户只需单击左侧窗口的目录,

4、在右侧窗口中就会显示相应内容,如网上在线学习教程、论坛、后台管理、产品介绍等。●框架能有机地把多个页面组合在一起,这多个页面之间可互相独立,却又可相互联系。二、框架的基本结构框架集(FRAMESET)页面的结构是通过属性rows和cols来设置的,根据框架的分割方式可分为:上下分割窗口(使用rows属性来分割),左右分割窗口(使用cols属性来分割),嵌套分割窗口(同时使用rows和cols属性来分割)。WANGYEXX.COM语法:

5、rder="5">       …… 说明:FRAMESET仅是一个框架的集合。FRAME标签可以提供对单独HTML文档URL引用,其中每个HTML文档占据一个框架。cols将页面沿垂直方向分割为几个窗口,cols可以取多个值,不同的值用逗号隔开,单位可以是像素,也可以是占浏览器的百分比。rows将页面沿水平方

6、向分割为几个窗口,也可以取多个值,是由逗号分割的像素值或百分比。src指定框架窗口的源文件。示例1:rows框架    

7、示例1在浏览器中预览效果如图2所示。图2水平方向分割为上中下3个窗口示例2:cols框架  

8、olling="NO"noresize>  示例2在浏览器中预览效果为两个窗口左右分割,而左边的窗口固定宽度120px。三、如何创建多个复杂的窗口前面的示例1和示例2要么是水平分割,要么是垂直分割,如果要实现如图1所示的框架集页面,那怎么实现?经分析,首先将页面分割

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。