1. 程式人生 > >創建框架結構的頁面

創建框架結構的頁面

細節 一個 height logs 不能 根據 樣式 展示 使用

框架指的是一種布局

1.創建窗口框架頁面:
有的網頁,像論壇,就左側是導航欄,右側是論壇主體,單擊左側導航欄,則在右側顯示鏈接頁面。這個布局是將瀏覽器分為左右兩部分。

創建窗口框架的<frameset>和<frame>標簽。
使用<frame>標簽在HTML 頁面中設置框架,那麽當一個瀏覽器被分為很多個框架時,這些框架放在一起,稱為框架集。 框架集的html標簽為<frameset>也稱為框架結構標簽。
如果要在框架中放入內容,采用的方式是通過引用所放內容的路徑來加載對象
<framesset….>
  <frame src=…..>
  <frame src=…..>
</frameset>
(不能將<frameset>標簽和<body>標簽一起用。因為框架分割的是瀏覽器,理論上至少也需要兩個標簽組成。所以不存在只有一個框架頁面。而且框架集的作用是將多個頁面同時展示在瀏覽器中,同樣也不存在包含框架的獨立頁面。所以不能一起用喔。)

2.橫向分割窗口:
窗口的分割只有橫縱連個方向,沒有斜方向的切割方法。橫向分割窗口,使用row屬性,代碼:
<frameset rows="框架高度,框架高度,…..*"> (框架高度可以用像素或者百分比來表示)
(*表示最後一個框架的高度,就是說剩下的最後一個也就無需用數值表示)
<html>
  <head>
  <title>橫向分割窗口</title>
  </head>
  <frameset rows="40%,40%,*">
    <frame></frame>
    <frame></frame>
    <frame></frame>
  </frameset>
</html>

技術分享圖片

3.縱向分割窗口:
使用的是cols屬性
<frameset cols="20%,40%,*">

(在HTML中,<frame>標簽不需要關閉,但是在xhtml中,<frame>標簽必須被正確地關閉)

4.框架的嵌套:

框架的嵌套就是說如果同時混合使用橫縱結構,即在分割的框架中再嵌套一個框架集。

<html>
    <head>
        <title>框架的嵌套</title>
    </head>
    <frameset cols="25%,*">
        <
frame></frame> <frameset rows="40%,*"> <frame></frame> <frame></frame> </frameset> </frameset> </html>

這個框架可以看作大框架中的一個子框架

5.將頁面放入窗口框架中:
需要在框架中通過路徑的方式來添加頁面。
<frame src="傻逼主頁.html">

6.修飾框架的細節:
在框架設計頁面時,有時候會遇到不能顯示框架的瀏覽器,在這時候就可以用<noframes>標簽加以註釋。
<frameset>
<frame>
<frame>
<noframes>
<body>
很抱歉,您的瀏覽器無法處理框架
</body>
</noframes>
</frameset>

固定框架的位置:
設定好框架的位置後,框架並不是固定的,通過拉拽框架集的邊框,大小是會變的。
可以用<noresize>標簽來固定標簽。
<frame noresize="noresize">

框架中設置滾動條: 可以通過scrolling屬性來實現這種控制。
<frame src="klsafj.html" scrolling=auto>//設置滾動條是自動的,即根據頁面的內容是否超出框架範圍決定是否出現滾動條
<frame src=".." scrolling=no>//表示不現滾動條
<frame src="…" scrolling=yes>//無論頁面內容是否超過框架範圍,都將顯示滾動條。


7.修改框架邊框的樣式:
1.判定邊框是否顯示: 用frameborder屬性可以決定是否顯示邊框
<frame frameborder="0" src="">如果寫成0則不顯示,如果寫成1則顯示。
2.改變邊框的表現效果:
border表示框架的邊框。在這個屬性上可以擴展出一些新的特性。如bordercolor
<frameset rows="30%,*" border=23px bordercolor="#FF0000">

8.邊框的邊距:
就是指框架內頁面內容和邊框的距離。使用margininwidth屬性設置左右兩邊的邊距。使用marginheight屬性設置上i行啊兩邊的邊距 這幾個屬性可以控制文字在邊框中的位置

創建框架結構的頁面