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

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

一、水平切割;


格式:

<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>
posted @ 2022-09-17 15:25  温稚生  阅读(116)  评论(0编辑  收藏  举报