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