HTML 框架实例

最新推荐文章于 2021-06-05 02:45:55 发布

转载最新推荐文章于 2021-06-05 02:45:55 发布 · 3.6k 阅读

·

0

·

文章标签：

#html #框架 #iframe #文档

Web 开发专栏收录该内容

0 篇文章

订阅专栏

本文提供了多个HTML框架实例，包括按列划分、按行划分以及复合框架的示例，并展示了如何使用内嵌框架(IFrame)和固定框架大小的方法。

HTML 框架实例

§ 列分的框架(Frame, cols)

<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>

</html>

§ 行分的框架(Frame, rows)

<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>

既有行分又有列分的框架

<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>

§ 用框架(Frame)导航

<html>

<frameset cols="120,*">

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

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

</frameset>

</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>

§ 如何固定框架(Frame)大小

<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>

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。