Frameset使用教程 frameset的用法

frame,是网页开发必须掌握的知识。例如后台架构、局部刷新,页面分割,都是frame的用途表现,尤其是后台页面制作,使用frame会给用户带来非常舒适的使用感受。frame知识点包括(frameset标签、frame标签、iframe标签)。下面就对其一一介绍。一、frameset

1.属性

①border

设置框架的边框粗细。②bordercolor设置框架的边框颜色。③frameborder设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1表示要显示边框。④cols纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。例如:cols="25%,200,*"表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。⑤rows横向分割页面。数值表示方法与意义与cols相同。⑥framespacing设置框架与框架间的保留的空白距离。

2.用例

<frameset cols="213,*"frameborder="no" border="0" framespacing="0">注意1:cols与rows两属性尽量不要同在一个<frameset>标签中使用。若要实现下图架构,代码正确写法为:<frameset rows="59,*"cols="*" frameborder="no" border="0"framespacing="0"><frame src="???" name="topFrame" scrolling="No"noresize="noresize" id="topFrame"/><frameset cols="213,*" frameborder="no" border="0"framespacing="0"><frame src="???" name="leftFrame" scrolling="No"noresize="noresize" id="leftFrame"/><frame src="???" name="mainFrame"id="mainFrame"/>【即,若想即使用cols又使用rows,可利用frameset嵌套实现】注意2:<framesetcols="40%,*,*">意思是:第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。<framesetcols="*,*,*,*">意思是:浏览器窗口等分为四部分。二、frame1.属性①name设置框架名称。此为必须设置的属性。②src设置此框架要显示的网页名称或路径。此为必须设置的属性。③scrolling设置是否要显示滚动条。设定值为auto, yes, no。④bordercolor设置框架的边框颜色。⑤frameborder设置是否显示框架边框。设定值只有0、1;0 表示不要边框,1表示要显示边框。⑥noresize设置框架大小是否能手动调节。⑦marginwidth设置框架边界和其中内容之间的宽度。⑧marginhight设置框架边界和其中内容之间的高度。⑨width设置框架宽度。⑩height设置框架高度。2.用例<frame src="???"name="topFrame" scrolling="No" noresize="noresize" marginwidth="10"marginhight="10"width="400" height="800"/>三、iframe是浮动的框架(frame),其常用属性与frame类似,其他的主要有以下(相同的就不列举了)1.属性①align设置垂直或水平对齐方式②allowTransparency设置或获取对象是否可为透明。2.用例<iframe name="123"align="middle" marginwidth="0"marginheight=0src="???"frameborder="0"scrolling="no"width="776"height="2500"></iframe>注意:iframe标签与frameset、frame标签的验证方法不同,是XHTML 1.0Transitional。且iframe是放在body标签之内,而frameset、frame是放在body标签之外。四、综合示例<html><head><title>综合示例</title></head><framesetcols="25%,*"><frame src="menu.htm"scrolling="no" name="Left"><frame src="page1.htm"scrolling="auto" name="Main"><noframes><body><p>对不起,您的浏览器不支持“框架”!</p></body></noframes></frameset></html>【说明】<noframes></noframes>标志对也是放在<frameset></frameset>标志对之间,用来在那些不支持框架的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对,然后才可以使用我们熟悉的任何标志。最后需要说明一点:如果将代码按照我以上所写写到VS中报错的话,例如:或者解决方法如下:工具→选项→文本编辑器→HTML→验证→InternetExplorer 6.0好了,通过以上内容,大家再多加练习,就会慢慢熟悉frame的相关知识了,用好了的话你会发现真的挺好。至于frame系列标签的事件方法,一般用的不是非常多,需要的话,大家自己再查吧。【呵呵,其实本人还没有用到过】

  

爱华网本文地址 » http://www.aihuau.com/a/25101018/375630.html

更多阅读

蓝光手游大师怎么用 蓝光手游大师使用教程 蓝光手游大师

蓝光手游大师怎么用 蓝光手游大师使用教程——简介蓝光手游大师是一款安卓模拟器管理软件,通过它我们只需简单的几步就可以在电脑上玩安卓手游与各种安卓应用。蓝光手游大师怎么用 蓝光手游大师使用教程——工具/原料蓝光手游大师蓝

ios7使用教程 ios10公测版

ios7使用教程——简介高端霸气上档次的iso7使用教程。ios7使用教程——方法/步骤ios7使用教程 1、1.新铃声和提示音。ios7有很多新的铃声和提示音。你可以在设置中的"

openkore使用教程 仙境传说openkore教程

openkore使用教程——简介仙境傳說RO腳本完整指令(Openkore)以及使用教程。openkore使用教程——方法/步骤openkore使用教程 1、初始化 : - 解压。- 得出资料夹control、fields、logs、Plugins、src、tables 和一堆数据及 启动程序

声明:《Frameset使用教程 frameset的用法》为网友雨夜你在想谁分享!如侵犯到您的合法权益请联系我们删除