html-框架标签的使用

  <frameset>
    - rows:按照行进行划分
      ** <frameset rows="80,*">
    - cols:按照列进行划分
      ** <frameset cols="80,*">
    <frame>
      - 具体显示的页面(name的值自己写的)
      - <frame name="lower_left" src="a.html">

    *** 使用框架标签的时候,不能写在body里面,使用了框架标签,需要把body去掉

<frameset rows="80,*">     //把页面划分为上下两部分
    <frame name="top" src="01-hello.html">    //上面部分

    <frameset cols="150,*">    //把下面部分划分成左右两部分
        <frame name="left" src="02-标题和水平线标签.html">    //左边部分
        <frame name="right" src="03-列表标签.html">    //右边部分

    </frameset>
</frameset>        

  * 如果在左边的页面超链接,想让内容显示在右边的页面中
  - 设置超链接里面属性 target值设置为你自己取得名称
  - <a href="01-hello.html" target="right">超链接</a>

  完整代码:

<html>
    <head>
        <title>World</title>
    </head>
<!--    分成上下两部分
        下面部分分成左右两部分
    <frameset rows="80,*">
        <frame name="top" src="01-hello.html"/>

        <frameset cols="150,*">
            <frame name="left" src="02-标题和水平线标签.html"/>
            <frame name="right" src="03-列表标签.html"/>

        </frameset>
    </frameset>
-->
    <frameset rows="80,*">
        <frame name="top" src="01-hello.html"/>
        <frameset cols="150,*">
            <frame name="left" src="b.html"/>
            <frame name="right" src="b.html"/>
        </frameset>
    </frameset>
</html>

 

转载于:https://www.cnblogs.com/ibabyli/p/9882470.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值