HTML学习-frameset和iframe

版权声明:本文为博主原创文章,转载须注明出处,否则追究法律责任。 https://blog.csdn.net/qq_24831889/article/details/74279724

frameset

  • 作用:用于将一个页面分为多个部分,每个部分显示一个独立的页面
  • 格式:
    <frameset>
         <frame src="">
         <frame src="">
         <frame src="">
    </frameset>
  • 基本用法:
  • <!DOCTYPE HTML>
    <html>
    </head>
    <frameset rows="100,100,*">
    <frame src="./01.html">
    <frame src="./02标题标签.html">
    <frame src="./05图片映射.html">
    </frameset>
    </html>
    rows表示将页面按照上下方向进行划分,cols表示将页面按照左右方向进行划分。src表示每部分所显示的页面。

  • 注意: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>


猜你喜欢

转载自blog.csdn.net/qq_24831889/article/details/74279724