HTML中的框架标签

  • 作者:村长
  • 发布时间:2020-04-18 18:56
  • 分类:HTML+CSS
  • 标签: 框架标签,iframe,frameset标签

如何在网页中使用框架标签?

接下来我们一起来看看:

(1)frameset标签
	用frameset标签的话,就不能使用body标签

	①水平框架
		rows 是行的意思
		rows是按行来分割的意思 水平划分
		<frameset rows="20%,50%,*">
			<frame src="./frame/top.html">
			<frame src="./frame/middle.html">
			<frame src="./frame/bottom.html">
			<!-- 复制第一种:选中 按ctrl + c -->
			<!-- 复制第二个:光标在的位置即可,按: ctrl +shift + D -->
		</frameset>

	②垂直框架
		垂直划分 cols 列  垂直划分 

	常用属性:
		frameborder 是否显示边框,默认是1,就是显示。0就是隐藏
		noresize 是否允许修改边框的大小 ,默认是1,就是允许,0是不允许。
		scrolling 是否允许框架滚动,no是不允许,yes是允许。默认是允许
		
		<frameset rows="50%,20%,*" frameborder="1" noresize="0">
			<frame src="./frame/top.html" scrolling="no" name="a">
			<frame src="./frame/middle.html" name="b">
			<frame src="./frame/bottom.html" name="c">
		</frameset>
		
	③混合框架
	<!-- 思路:先分行 -->
	<frameset rows="10%,*">
		<!-- 第一行 -->
		<frame src="./frame/top.html">
		<!-- 第二行 进行分列 -->
		<frameset cols="50%,50%">
			<frame src="http://www.baidu.com">
			<frame src="http://www.sogou.com">
		</frameset>
	</frameset>

	<!-- 预备方案 plan B (知道了解即可) -->
	<noframes>
		<!-- 用noframes时候,需要加body标签 -->
		<body>
			浏览器不支持frameset,我就出来
		</body>
	</noframes>			
		
(2)iframe标签
<!-- 
	注意一下: 
	iframe行内框架标签使用,可以在body里面用
	frameset是不能在body里面用的
 -->
<iframe  src="./frame/top.html" frameborder="0" width="100%" height="100">
	你的浏览器不能使用iframe
</iframe>
<iframe src="http://www.baidu.com" frameborder="0" width="50%" height="600px">
	你的浏览器不能使用iframe
</iframe>
<iframe src="http://www.sogou.com" frameborder="0" scrolling="no" width="49%" height="600px">
	你的浏览器不能使用iframe
</iframe>


  • php程序员面试笔试宝典
琉忆编程库

手册下载

    暂无手册

编程资料

    暂无资料
TOP
加载中...