<!-- *表示剩余空间都给第二行 -->
<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在此处的作用,定义跳转区域。
效果图