- 1、本文档共5页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML框架的本结构
HTML框架的基本结构在一个网页中,并不是所有的内容都需要改变,如网页的导航栏、网页页脚等部分是不需要改变的,如果在每一个网页中都重复添加这些元素,不仅会浪费时间,而且在浏览时也会带来不便、耗费更多的时间,为了解决这种问题,我们可以使用框架来对网页进行布局。
网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。
使用框架可以把浏览器窗口划分为多个区域,每个区域可以显示不同的网页,每次浏览者在访问框架页面时,只下载框架页面中变化的区域,对于不变的区域,不用重新下载,从而给浏览者带来方便、节省下载页面所需的时间。
一个框架结构是由以下两部分组成的:
框架(FRAME):是浏览器窗口中的一个区域,它可以显示与浏览器窗口其余部分中所显示内容无关的网页文件。
框架集( FRAMESET):是一个网页文件,它将一个窗口通过横向或纵向的方式分割成多个框架,每个框架中要显示的都是不同的网页文件。不同的网页文件可以通过超链接联系起来。
如图1所示就是一个比较经典的框架集页面。此页面一共有3个区域,每个区域分别显示一个HTML文档,由于框架集页面也是一个HTML文档,所以一共有4个HTML文件。为了浏览方便,当浏览者单击左侧导航栏中的服务列表(如“注册认证”、“买家帮助”等)超链接时,右侧窗口显示相应的详细帮助信息。
图1 框架集页面
一、为何使用框架
一个网页可以有一个或多个框架。框架的一些用法如下:
● 在页面的一个固定部分显示Logo或静态信息。
● 左侧框架显示目录,右侧框架显示内容,用户只需单击左侧窗口的目录,在右侧窗口中就会显示相应内容,如网上在线学习教程、论坛、后台管理、产品介绍等。
● 框架能有机地把多个页面组合在一起,这多个页面之间可互相独立,却又可相互联系。
二、框架的基本结构
框架集( FRAMESET)页面的结构是通过属性rows和cols来设置的,根据框架的分割方式可分为:上下分割窗口(使用rows属性来分割),左右分割窗口(使用cols属性来分割),嵌套分割窗口(同时使用rows和cols属性来分割)。WANGYEXX.COM
语法:
frameset cols=25%,50%,* rows =50%,* border=5?
!--cols=25%,50%,*分割为左中右3部分 rows =50%,*分割为上下两部分 border设置边框属性--??? frame src=“the_first.html ??? ……/frameset?
说明:FRAMESET仅是一个框架的集合。FRAME标签可以提供对单独HTML文档URL引用,其中每个HTML文档占据一个框架。cols将 页面沿垂直方向分割为几个窗口,cols可以取多个值,不同的值用逗号隔开,单位可以是像素,也可以是占浏览器的百分比。rows将页面沿水平方向分割为 几个窗口,也可以取多个值,是由逗号分割的像素值或百分比。src指定框架窗口的源文件。
示例1:
HTMLHEADTITLErows框架/TITLE/HEADFRAMESET bordercolor=red rows=25%,50%,* border=5
?!--bordercolor=red设置框架边框为红色--?FRAME name=top src=the_first.html?FRAME name=middle src=the_second.html?FRAME name=bottom src=the_third.html/FRAMESET/HTML
示例1在浏览器中预览效果如图2所示。
图2 水平方向分割为上中下3个窗口
示例2:
HTMLHEADTITLEcols框架/TITLE/HEADFRAMESET cols=120,* border=5? FRAME src=the_first.html name=topFrame? FRAME src=the_second.html name=mainFrame scrolling=NO noresize
? !--scrolling=NO不显示滚动条 noresize禁止改变窗口大小--/FRAMESET/HTML
?示例2在浏览器中预览效果为两个窗口左右分割,而左边的窗口固定宽度120px。
三、如何创建多个复杂的窗口
前面的示例1和示例2要么是水平分割,要么是垂直分割,如果要实现如图1所示的框架集页面,那怎么实现?
经分析,首先将页面分割为上下两部分,上部分的高度占浏览器高度的30%左右。然后将下面部分分割成左右两部分,宽度大约分别占窗口的20%和 80%。注意对其中的一个框架窗口再次分割时,需要
您可能关注的文档
- GA-BP神经络PID控制器在BLDCM控制系统中的应用.doc
- G400和G40S系统教程.doc
- GDFX高达金SAR指标又叫抛物线指标或停损转向操作点指标.doc
- GHOSTXP积控制实战.doc
- GHOST_X超详细制作过程(推荐).doc
- GHOST_X超详细制作过程.doc
- ghost双系安装方法图文教程.doc
- Ghost版wn7_xp双系统安装详解(图文详解).doc
- Ghost版x系统三种安装方法图解★★★安兆清BABY.doc
- GHOST系统装教程.doc
- 2024年证券分析与咨询服务项目投资申请报告代可行性研究报告.docx
- 2024年铬酸酐项目资金申请报告代可行性研究报告.docx
- 2024年清洁胶项目资金申请报告代可行性研究报告.docx
- 2024年肉松饼项目投资申请报告代可行性研究报告.docx
- 2024年陆上泵项目资金需求报告代可行性研究报告.docx
- 2024年未硫化复合橡胶及其制品项目资金需求报告代可行性研究报告.docx
- 2024年精密温控节能设备项目资金筹措计划书代可行性研究报告.docx
- 2024年汽车覆盖件模具项目资金筹措计划书代可行性研究报告.docx
- 宋词行书钢笔字帖.pdf
- 我的暑假生活作文三年级300字10篇.pdf
文档评论(0)