html框架的应用

最新推荐文章于 2022-04-09 19:45:36 发布

原创最新推荐文章于 2022-04-09 19:45:36 发布 · 313 阅读

1 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了HTML、CSS、JavaScript等技术在框架应用中的实际运用，包括框架边框、间距、滚动条设置等关键参数的调整，以及多窗口框架、浮动框架的实现方式。通过实例解析，详细阐述了框架在网页布局中的灵活性与实用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
	<head>
		<title>框架的应用</title>
		
		
	</head>
	 
	<!-- 框架页去掉body -->
	<!--  frameborder = "1"或 frameborder = "0" 是否显示边框-->
	<!-- framespacing 页面与页面的边距-->
	<!--  border 边框的宽度-->
	<frameset cols = "20%,30%,50%"   frameborder = "1" border = "100">
		<frame src = "k1.html">
		<frame src = "k2.html">
		<frame src = "k3.html">
	</frameset> 
	 
</html>

<html>
	<head>
		<title>框架的应用</title>
		
		
	</head>
	 
	<!-- noresize固定住 -->
	<!-- scroll = "no"  隐藏滚动条-->
	<!-- scroll = "yes" 强制显示滚动条 -->
	<!-- frameborder = "0" 不出现边线-->
	<!-- marginheight 设置垂直方向，窗体内容与边界的距离 -->
	<!-- marginwidth 设置水平方向，窗体内容与边界的距离 -->
	
	<frameset cols = "20%,30%,50%" frameborder = "0">
		<frame src = "k1.html" marginwidth = "50" marginheight = "50" frameborder = "0">
		<frame src = "k2.html" scrolling = "yes" frameborder = "0">
		<frame src = "k3.html" scrolling = "yes" frameborder = "0">
	</frameset> 
	 
</html>

<html>
	<head>
		<title>框架的应用</title>
		
		
	</head>
	 
	<frameset rows = "20%,80%">
		<frame src = "top.html">		
		<frameset cols = "20%,80%">
			<frame src = "left.html">
			<frame src = "main.html">
		</frameset>
	</frameset>
	 
</html>

多窗框

1.html

<html>
	<head>
		<title>框架的应用</title>
		
		
	</head>
	 
	 <!-- target = "_blank" 打开一个新建的页面 -->
	<frameset rows = "20%,80%">
		<frame src = "top.html">		
		<frameset cols = "20%,80%">
			<frame src = "left.html">
			<frame src = "main.html" name = "in">
		</frameset>
	</frameset>
	 
</html>

left.html

<html>
	<head>
		<title>导航</title>
		
		
	</head>
	 
	<body>
		<a href = "main.html" target = "in">主页</a><br>
		<a href = "k1.html" target = "in">第一页</a><br>
		<a href = "k2.html" target = "in">第二页</a><br>
		<a href = "k3.html" target = "in">第三页</a><br>
		<a href = "k4.html" target = "in">第四页</a><br>
	</body>
	 
</html>

<html>
	<head>
		<title>浮动框架</title>
		
		
	</head>
	<!-- 浮动框架 ****主流重要****-->
	
	<!-- 不需要去掉body -->
	<body>
		<table border = "0" width = "600" height = "500">
			<tr height = "80"><td colspan = "2">标题</td></tr>
			<tr>
				
				<!--valign可以通俗的理解为上中下。
				而和align的区别是 align为左中右。-->

				
				<td width = "100" valign = "top" align = "center">
					<a href = "main.html" target = "in">主页</a><br>
				    <a href = "k1.html" target = "in">第一页</a><br>
					<a href = "k2.html" target = "in">第二页</a><br>
					<a href = "k3.html" target = "in">第三页</a><br>
					<a href = "k4.html" target = "in">第四页</a><br>
				</td>
				<td>
					<!-- 紧贴着td -->
					<!-- frameborder = "0" 去掉框架集的边框 -->
					<iframe width="100%" height = "100%" src = "main.html" name = "in" frameborder = "0" scrolling = "no"></iframe>
				</td>
			</tr>
		</table>
	</body>
	 
</html>