因為框架的程式碼比較難實做在頁面上,所以這邊講觀念比較多喔
另外分享「如何看到網頁隱藏內容」(笑)
參考此網址
直接看效果,要做成以下這樣需要一個框架頁以及兩個內容頁(Header.html和Body.html )
Header.html |
Body.html |
<html>
<frameset cols=* rows= 150,* >
<frame src = " Header.html " >
<frame src = " Body.html " >
</frameset>
</html>
重點在紅色那句
cols是指要不要左右分割,rows是要不要上下分割
以此句來看,「cols=*」表示左右不分割
「 rows= 150,*」表示要分成兩部分,第一部分150單位,剩下都是第二部分
Left.html | Right.html |
<html>
<frameset cols=150,* rows=* >
<frame src = "Left.html " >
<frame src = " Right.html " >
</frameset>
</html>
這種就是有左右分隔,上下不分隔....
Header.html | |
Left.html | Right.html |
<html>
<frameset cols=* rows=50%,50% >
<frameset src cols=50%,50% rows=* >
<frame src = " Header.html" >
<frame src= " Left.html ">
</frameset>
<frame src = " Right.html " >
</frameset>
</html>
Left.html | Center.html | Right.html |
<html>
<frameset rows=* cols=33%,33%,33% border=0>
<frame src="Left.htm" >
<frame src="Center.htm" >
<frame src="Right.htm" >
</frameset>
</html>
這樣也可以~
框線的部分
<frameset> 裡面設定有border屬性可以用
<frameset border=1 >這樣表示框線寬度一單位,預設是px
卷軸(scrollbar)的部分
<frame scrolling = yes > 是當頁面超出預設尺寸的時候要出現捲軸
(例如設定100px但是發生了意外...有一張圖爆炸或是怎樣,該頁面變成200px..就應該要有卷軸)
順便分享一下,如果這個屬性變成 <frame scrolling = no >還是可以看到隱藏的內容...
例如隱藏的內容在下面,只要選取框架內文字或圖片
點住之後往下拖曳!!!
下面的東西就會被拖出來了(如果隱藏的東西在右邊就往右拖)
大部分時候蠻管用的嘿嘿
還有框架能不能調大小
<frame noresize=noresize>這樣就不能讓使用者隨便改變框架大小破壞頁面美感!!(?)
大概框架會用到的屬性就是這樣
有其他新的再補充吧~
沒有留言:
張貼留言