《網頁設計基礎——框架的構建》
網頁設計基礎——框架的構建
?
?
?
一、水平切割;
格式:
<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>

浙公網安備 33010602011771號