版权声明:本文为博主原创文章,转载须注明出处,否则追究法律责任。 https://blog.csdn.net/qq_24831889/article/details/74279724
frameset
- 作用:用于将一个页面分为多个部分,每个部分显示一个独立的页面
- 格式:
<frameset> <frame src=""> <frame src=""> <frame src=""> </frameset>
- 基本用法:
rows表示将页面按照上下方向进行划分,cols表示将页面按照左右方向进行划分。src表示每部分所显示的页面。<!DOCTYPE HTML> <html> </head> <frameset rows="100,100,*"> <frame src="./01.html"> <frame src="./02标题标签.html"> <frame src="./05图片映射.html"> </frameset> </html>
- 注意:frameset和body不相容,两者需独立
- 注意:frameset可以嵌套用来使用更复杂的布局
- 注意:noresize属性用来控制边界是否能否变化
- 注意:framesetborder属性用来控制边界线是否显示(0无边界,1有边界)
- 注意:frameset用的不多,常用于后台管理系统
<!DOCTYPE HTML>
<html>
</head>
<frameset rows="200,*" frameborder="1">
<frame src="./01.html">
<frameset cols="500,*" noresize frameborder="0">
<frame src="./02标题标签.html">
<frame src="./05图片映射.html">
</frameset>
</html>
iframe
- 格式:<iframe name="" src="" width="" height="" scrolling="" frameborder=""></iframe>
-
属性:
- src指向内嵌的内容
- width,height设置iframe的宽和高
- scrolling(yes产生滚动条,no不产生滚动条)
- frameborder(1有边框,0无边框)
-
嵌入天气
<!DOCTYPE HTML>
<html>
</head>
<body>
<h1 align="center">今日天气</h1>
<iframe name="weather" src="http://i.tianqi.com/index.php?c=code&id=48" width="440" height="45" frameborder="1" scrolling="no"></iframe>
</body>
</html>
-
嵌入视频
<!DOCTYPE HTML>
<html>
</head>
<body>
<h1 align="center">北京邮电大学13级14班再见&失恋阵线联盟</h1>
<iframe name="music" src="http://www.bilibili.com/video/av11282551/" width="1080" height="860" frameborder="1" scrolling="no"></iframe>
</body>
</html>