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>

 

posted @ 2018-10-31 13:22  栗子壳  阅读(397)  评论(0编辑  收藏  举报