《网页设计基础——框架的构建》

温稚生

已于 2022-09-30 17:45:35 修改

阅读量764

点赞数

分类专栏：网页设计文章标签：前端 html

于 2022-09-17 15:26:00 首次发布

本文链接：https://blog.csdn.net/Dustpolaris/article/details/126940352

版权

网页设计专栏收录该内容

7 篇文章 5 订阅

订阅专栏

网页设计基础——框架的构建

一、水平切割；

格式：

<frameset rows="30%,*" frameborder="1" border="1"> 	//上下分为两块，左边30%，右边70%

二、垂直切割；

格式：

<frameset cols="300,400,500">	//左中右分为三部分，分别为300px,300px,300px

三、融会贯通；

格式：

<frameset rows="30%,*" frameborder="1" border="1">
		<frame src="1.jpg"/>						//顶部图片
 		<frameset cols="300,400,500">				//左中右三个图片按顺序排列
			<frame src="2.jpg"/>					
			<frame src="3.jpg"/>
			<frame src="4.jpg"/>    
		</frameset>
</frameset>

例如：

<html>
	<head>
  		<title>框架的构建</title>
 	</head>
 	<frameset rows="30%,*" frameborder="1" border="1">
		<frame src="1.jpg"/>						//顶部图片
 		<frameset cols="300,400,500">				//左中右三个图片按顺序排列
			<frame src="2.jpg"/>					
			<frame src="3.jpg"/>
			<frame src="4.jpg"/>    
		</frameset>
	</frameset>
 	<noframes>
		<body>您的浏览器不支持框架！</body>			//若浏览器不支持框架则会显示此文本，支持则不显示
	</noframes>
</body>
</html>