![HTML语言教程之八:框架页面(Frames) - 博纳德 - 博纳德的信息驿站 HTML语言教程之八:框架页面(Frames) - 博纳德 - 博纳德的信息驿站](http://blog.163.com/photo/Lqwk3mzvxqXHFO3Hz71RgA==/4522176975833444137.jpg) HTML语言手册 HTML是Hepertext Markup Language的缩写,翻译成中文是超文本标记语言。它是纯文本文件,因此用记事簿之类的文本编辑器就可以编写。HTML文件一般以htm 或 html位扩展名,这就是我们平时浏览的网页。浏览器能够解释HTML标记,并按设计要求显示出来。 每个HTML标记都要用尖括号括起来。每一标记都必须指明开始和结束,在标记前加斜杠表示该标记的结束。因此,在标记的开始和结束之间的区域就是该标记的作用域。例如: <p>被显示的文本</p> 下面分类逐一介绍各个标记的意义。 HTML语言教程之八:框架页面(Frames) 框架Frames的基本语法 <frameset> <frame src="url"> <noframes> ... </noframes> </frameset> 例如: <FRAMESET> <FRAME SRC="url"> <NOFRAMES> <p>此网页使用了框架,但您的浏览器不支持框架。</p> </NOFRAMES> </FRAMESET> <noframes> 标记后的文字用于不支持框架的浏览器中。 各窗口的尺寸设置 <frameset cols=#> 纵向排列多个窗口: <frameset cols=30%,20%,50%> <frame src="A.html"> <frame src="B.html"> <frame src="C.html"> </frameset>
图示: 横向排列多个窗口 <frameset rows=#> <frameset rows=25%,25%,50%> <frame src="A.html"> <frame src="B.html"> <frame src="C.html"> </frameset>
图示:
纵横排列多个窗口: <frameset cols=20%,*> <frame src="A.html"> <frameset rows=40%,*> <frame src="B.html"> <frame src="C.html"> </frameset> </frameset>
图示:
不允许各窗口改变大小 <frame noresize> 缺省设置是允许各窗口改变大小的。 超链指向的目标框架(Frame Target) 框架命名 <frame <a href=url target=框架名> 例如: <frameset cols=50%,50%> <frame src="A.html" > <frame src="B.html" > </frameset>
图示: 四种常用的目标框架 <a href=url target=_blank> 新窗口 <a href=url target=_self> 本窗口 <a href=url target=_parent> 父窗口 <a href=url target=_top> 整个浏览器窗口 边框的设置 <frame frameborder=#> #=yes, no / 1, 0 <frameset rows=30%,*> <frame src="Acol.html" frameborder=1> <frameset cols=30%,*> <frame src="Bcol.html" frameborder=0> <frame src="Ccol.html" frameborder=0> </frameset> </frameset>
(A 有边框,B、C 没有) 框架间空白区域的设置 <frameset framespacing=#> #=空白区域的大小 例如: <frameset rows=30%,* framespacing=100> <frame src="Acol.html"> <frameset cols=30%,*> <frame src="Bcol.html"> <frame src="Ccol.html"> </frameset> </frameset>
边框色彩 <frameset bordercolor=#> 页面空白 <frame marginwidth=# marginheight=#> <frameset cols=50%,50%> <frame src="A.html"> <frame src="A.html" marginwidth=50 marginheight=50> </frameset>
滚动条设置 <frame scrolling=#> #=yes, no, auto,缺省值是 auto。 浮动窗口 <iframe src=# =##> ... </iframe> src#=初始页面的URL,name##=(Frame Name) ... = 此处文字将只出现在不支持框架的浏览器中。例如: <center> <iframe src="A.html" > Here is a Floating Frame </iframe> <br><br> <a href="A.html" target="window">Load A</A><BR> <a href="B.html" target="window">Load B</A><BR> <a href="Ccol.html" target="window">Load C</A><BR> </center> 图示:点击 这里 去观看一个实际示例。 |
评论