HTML框架集

本文介绍了HTML框架集的使用,包括frameset标签的rows和cols属性,以及frame标签的src、noresize和name属性。通过示例代码展示了如何创建包含头部、菜单和主区域的框架布局,并演示了链接在不同框架中打开的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

-------------------------------------------HTML框架集--------------------------------------------------

 

HTML框架集

body和框架集标签不同时使用。

             

              框架集标签:frameset

                                                 属性:

                                                        rows:行分割

                                                        cols:列分割

                                          |--frame

                                                 属性:

                                                        src:指定要嵌入的页面

                                                        noresize="noresize"可以阻止border拖拽

                                                        name:用于指定展示的内容所在的frame

代码示例:

<htlml>

       <head>

              <title>www.likunpeng.com</title>

       </head>

       <body>我是头区域</body>     

</html>

----------------------------------

<htlml>

       <head>

              <title>www.likunpeng.com</title>

       </head>

       <body>

              <a href="2.jpg" target="_blank">菜单一</a><br/>

              <a href="2.jpg" target="main">菜单二</a>

       </body>

</html>

-------------------------------------------

<htlml>

       <head>

              <title>www.likunpeng.com</title>

       </head>

       <body>我是主区域</body>

</html>

--------------------------------------------------

<htlml>

       <head>

              <title>www.likunpeng.com</title>

       </head>

       <frameset rows="20%,*">

              <frame src="top.html"></frame>

              <frameset cols="20%,*">

                            <frame src="left.html" noresize="noresize"></frame>

                            <frame src="main.html" name="main"></frame>

              </frameset>

       </frameset>

</html>

 ----------------------------------------------------------

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值