框架集

<!-- *表示剩余空间都给第二行 -->
    <frameset rows="200px,*">  
        <frame src="https://img-bss.csdn.net/2019624115611532_85755.jpg?imageMogr2/auto-orient/thumbnail/400x269!/format/jpg"></frame>
        <frame src="https://img-bss.csdn.net/2019624115611532_85755.jpg?imageMogr2/auto-orient/thumbnail/400x269!/format/jpg"></frame>
    </frameset>

效果图

<!-- *表示剩余空间都给第二列 -->
    <frameset cols="30%,*">  
        <frame src="https://img-bss.csdn.net/2019624115611532_85755.jpg?imageMogr2/auto-orient/thumbnail/400x269!/format/jpg"></frame>
        <frame src="https://img-bss.csdn.net/2019624115611532_85755.jpg?imageMogr2/auto-orient/thumbnail/400x269!/format/jpg"></frame>
    </frameset>

效果图

####综合示例
1. index.html
    <frameset rows="30%,*">  
        <frame src="https://www.baidu.com/"></frame>
        <frameset cols="30%,*">
            <frame src="left.html"></frame>
            <frame src="right1.html" name="hahaha"></frame>
        </frameset>
    </frameset>

2. left.html
    <a href="right1.html" target="hahaha">111</a><br>
    <a href="right2.html" target="hahaha">222</a><br>
    <a href="right3.html" target="hahaha">333</a>

3. right1.html
    <p>111,我来了!!!</p>

4. right2.html
    <p>222,我来了!!!</p>

5. right3.html
    <p>333,我来了!!!</p>


特别注意:
1. 使用frameset标签所在页的文档类型要使用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2. src:框架中页面的地址
   scrolling:滚动条,auto(默认)、yes(显示)、no(不显示)
   noresize:固定框架大小,不允许拖动
  frameborder="0":去除框架集的边框
2. 使用frameset标签所在页的 body标签 要去掉。
3. target在此处的作用,定义跳转区域。

效果图

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容