发新话题
打印

HTML框架(Frames) 的应用

HTML框架(Frames) 的应用

使用框架(Frame),你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页,每个Frame里的网页相互独立。
Frameset每个Frame里的网页相互独立。混合Frameset。


<frameset></frameset>决定如何划分Frame。<frameset>有cols属性和rows属性。使用cols属性,表示按列分布Frame;使用rows属性,表示按行分布Frame。

Frame用 <frame >这个Tag设定网页。<frame>里有src属性,src值就是网页的路径和文件名。

下面的代码的目的是:将Frameset分成2列 ,第一列25% ,表示第一列的宽度是窗口宽度的25%;第二列75%,表示第一列的宽度是窗口宽度的75%。第一列中显示a.html,第二列中显示b.html。

<frameset cols="25%,75%">
<frame src="../asdocs/html_tut orials/Frame_a .html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
</frameset>


IframeIframe是Inline Frame的意思,用<iframe ></iframe>可以将Frame置于一个HTML文件内。
示例
列分Frame
<html>
<frameset cols="25%,50%,25%">
  <frame src="../asdocs/html_tutorials/Frame_a.html">
  <frame src="../asdocs/html_tutorials/Frame_b.html">
  <frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>

行分Frame
列分Frame 下面的代码的目的是:
这个例子显示如何在浏览器里同时显示三个网页,三个网页是按行分布的。
<html>
<frameset rows="25%,50%,25%">
  <frame src="../asdocs/html_tutorials/Frame_a.html">
  <frame src="../asdocs/html_tutorials/Frame_b.html">
  <frame src="../asdocs/html_tutorials/Frame_c.html">

</frameset>
</html>


混合Frameset
这个例子既用 到了cols属性,又用到了rows属性,将Frame进行灵活分布。

<html>
<frameset rows="50%,50%">
  <frame src="../asdocs/html_tutorials/Frame_a.html">
<frameset cols="25%,75%">
  <frame src="../asdocs/html_tutorials/Frame_b.html">
  <frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>
</html>

Frameset中的noresize属性
使用Noresize属性可以确保Frame的大小。如果不使用noresize属性,你可以用鼠标移动Frame的边界,来改变Frame的大小,如果设置了noresize属性,就不能移动边界了。

<html>
<frameset rows="50%,50%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">
<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>

</frameset>
</html>

Frame用于导航

<html>
<frameset cols="120,*">

<frame src="../asdocs/html_tutorials/framelist.html">
<frame src="../asdocs/html_tutorials/Frame_a.html" name="showframe">

</frameset>
</html>

<HTML>
<HEAD>
<TITLE> humorlist.html </TITLE>
</HEAD>
<BODY>
<p><a href = "../asdocs/html_tutorials/Frame_a.html " target="showframe">笑话一<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_b.html" target ="showframe">笑话二<a></p>
<p><a href = "../asdocs/html_tutorials/Frame_c.html" target="showframe">笑话三<a></p>
</BODY>
</HTML>

这个例子演示如何建立一个用于导航的Frame。这个导航Frame包含一个HTML,这个HTML(代码如下)包含了一个网页列表。点击网页列表中的任何一项,就会在第二个Frame中显示点击中的网页。
</html>

Iframe的使用
这个例子显示如何 在一个HTML文件里用 iframe嵌入一个网页。

<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>

<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>
<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>
</body>
</html>


[ 本帖最后由 kuyu007 于 2008-1-17 16:38 编辑 ]
一路向北 充满诱惑

TOP

看视频 上酷6网

TOP

看视频 上酷6网

TOP

看视频 上酷6网
看不太懂,代码好难哦。
我会努力变得更强,面对生活全力以赴。
因为有你们的关爱,我很幸福……

TOP

看视频 上酷6网
刚学代码,特别喜欢……
用数字创造网页,是件神奇的事情
http://www.dearlive.com
第二生活网
让生活更美好!

TOP

看视频 上酷6网
谢谢 不过源码有些看不懂

TOP

看视频 上酷6网
发新话题
版块跳转