天天看點

标簽之美八——網頁架構

架構集用來設定架構的屬性,修飾架構的總體效果。

cols屬性用來設定架構的寬度,示例如下:

<a href="http://my.oschina.net/u/2340880/blog/419728#">?</a>

1

2

3

4

5

6

7

8

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;</code><code>frameset</code> <code>cols</code><code>=</code><code>"30%,30%,30%,10%"</code><code>&gt;</code>

<code>&lt;</code><code>frame</code> <code>src</code><code>=</code><code>"1.html"</code><code>&gt;</code>

<code>&lt;</code><code>frame</code> <code>src</code><code>=</code><code>"2.html"</code><code>&gt;</code>

<code>&lt;</code><code>frame</code> <code>src</code><code>=</code><code>"3.html"</code><code>&gt;</code>

<code>&lt;</code><code>frame</code> <code>src</code><code>=</code><code>"4.html"</code><code>&gt;</code>

<code>&lt;/</code><code>frameset</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

其中屬性設定的值可以是百分比,可以是固定值,*符号表示除了已經配置設定後的剩餘空間。上面代碼中每個html檔案設定不同的背景顔色,效果如下:

标簽之美八——網頁架構

使用rows屬性可是設定架構的高度。其用法和cols屬性類似,示例如下:

<code>&lt;</code><code>frameset</code> <code>rows</code><code>=</code><code>"30%,30%,30%,10%"</code><code>&gt;</code>

标簽之美八——網頁架構

注意:寬度和高度這兩個屬性,不能同時使用,隻能二選一。

可以通過border屬性設定架構邊框的寬度,如下:

<code>&lt;</code><code>frameset</code> <code>rows</code><code>=</code><code>"30%,30%,30%,10%"</code> <code>border</code><code>=</code><code>"10"</code><code>&gt;</code>

标簽之美八——網頁架構

和其他屬性類似,通過bordercolor可以設定邊框的顔色。

通過設定frameborder可以顯示和隐藏邊框,其值可取0或者1。隐藏效果如下:

<code>&lt;</code><code>frameset</code> <code>rows</code><code>=</code><code>"30%,30%,30%,10%"</code> <code>frameborder</code><code>=</code><code>"0"</code><code>&gt;</code>

标簽之美八——網頁架構

架構和架構集是可以嵌套的。可以在一個架構中繼續嵌套架構集。

使用的架構,預設當滑鼠點選拉動時是可以調節大小的,可以設定nosize="nosize"來設定不可調節。

scrolling屬性可以設定架構是否顯示滾動條,可以設定yes或者no。

繼續閱讀