《网页设计基础——框架的构建》
网页设计基础——框架的构建
一、水平切割;
格式:
<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>