HTML框架代码全集

HTML框架代码全集


2024年5月18日发(作者:233小游戏下载安装)

- --

框架可以生成独立变化和滚动的窗口,从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一

个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉。

一,基本结构HTML使用,和标签来定义框架。下面我们就来了解一下这</p><p style="text-indent: 2em;font-size:18px;">三个标签的作用和相应的属性。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(一),<Frameset>标签。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">该标签是框架设计标签,成对使用。首尾标签之间的容就是使用到框架的HTML主体部分。在使用框架的</p><p style="text-indent: 2em;font-size:18px;">HTML文档中不能出现<body>标签,否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间</p><p style="text-indent: 2em;font-size:18px;">的容。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><Frameset>标签作用是将窗口分割为若干个自窗口,子窗口的数目取决于嵌套在该标签中<Frame>标签的</p><p style="text-indent: 2em;font-size:18px;">书目。<Frameset>标签有两个属性。rows和cols,分别用来确定个子窗口的高度和宽度,格式为<Frameset </p><p style="text-indent: 2em;font-size:18px;">rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各参数之间以逗号分割,依次表示各个自窗</p><p style="text-indent: 2em;font-size:18px;">口的高度(宽度)。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下: </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(1)数字。表示子窗口高度(宽度)所占的像素点数。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(2)百分数。表示子窗口高度(宽度)占整个浏览器窗口高度(宽度)的百分比。 (3)符号“*”。当符</p><p style="text-indent: 2em;font-size:18px;">号*只出现一次。即其他子窗口的大小都有明确的定义时,表示该子窗口的大小将根据浏览器窗口的大小而</p><p style="text-indent: 2em;font-size:18px;">自动调整。当符号*出现一次以上时,表示按比例分割浏览器窗口的剩余空间。例如: </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列,第一个子窗口在第一列,窗口宽度为整个浏览</p><p style="text-indent: 2em;font-size:18px;">器窗口宽度的40%;第二个子窗口在第二列,占浏览器窗口剩余空间的2/3,即其宽度为整个浏览器窗口</p><p style="text-indent: 2em;font-size:18px;">宽度的40%,第三个子窗口占剩余空间的1/3,宽度为整个浏览浏览器窗口宽度的20%。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(二),<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset></p><p style="text-indent: 2em;font-size:18px;">标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配,依</p><p style="text-indent: 2em;font-size:18px;">次定义各个窗口的性质。<frame>标签有7个属性,除SRC属性是不可缺省的外,其他属性都是可选的。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(1)SRC属性。用以定义子窗口的名称。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(2).name属性。用于定义子窗口的名称。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(3)frameboder属性。该属性的参数值为1或0。当参数值为1时,表示该子窗口有边框,为0时没有</p><p style="text-indent: 2em;font-size:18px;">边框。该属性缺省值为1。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(4)bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的</p><p style="text-indent: 2em;font-size:18px;">边框颜色,则以第一次指定的颜色为标准。在指定边框颜色时,可以使用颜色的RBG代码或直接使用与该</p><p style="text-indent: 2em;font-size:18px;">颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">- . -考试文档- </p><p style="text-indent: 2em;font-size:18px;">- -- </p><p style="text-indent: 2em;font-size:18px;">(5)sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为</p><p style="text-indent: 2em;font-size:18px;">no时是始终没有滚动条。为auto时表示当文档的容超出窗口围时,浏览器自动为该子窗口添加滚动条。</p><p style="text-indent: 2em;font-size:18px;">scolling属性的缺省值为auto. </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(6)maginwidth和marginwidht属性。这两个属性是用来指定显示容与窗口边界之间的空白距离大小的。</p><p style="text-indent: 2em;font-size:18px;">其中maginwidth属性用于确定显示容与左右边界之间的距离;maginwidht用来确定显示容与上下边界之</p><p style="text-indent: 2em;font-size:18px;">间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(三),<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息,以免</p><p style="text-indent: 2em;font-size:18px;">浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的容就上告之浏览者</p><p style="text-indent: 2em;font-size:18px;">的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支</p><p style="text-indent: 2em;font-size:18px;">持框架显示的。但为了加强文档的适用性,我们最好还是养成使用这个标签的习惯。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">(四),基本结构。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">我们举例说明HTML中框架文档的基本结构: </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><html> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><head> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><title>文档标题</title> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"></head> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><Frameset Cols="值1,值2,……,值n>将浏览器窗口分割为n个窗口。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><Frame SRC=""> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><frame SRC=""> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">. </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">. </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">. </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><frame SRC=""> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"></Frameset> </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;"><noframes>如果您看到空白的画面,说明您的浏览器是不支持框架机构的

- . -考试文档-


发布者:admin,转转请注明出处:http://www.yc00.com/xitong/1715985856a2702301.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信