教學 - HTML教學--表格之設計3

[猜謎人]

這回我們要談兩個主題，一是表格的frame和rules。一是巢狀表格！首先何謂frame和rules？frame指的是表格外圍的四個邊邊，而rules則是除了外圍四個邊以外的線，茲舉例如下（見下面瀏覽結果）：第一個表格是沒有frame和rules，第二是只出現frame，第五個是出現所有rules！對於frame和rules在table有哪些屬性呢？以frame而言，他有下列屬性：void 指的是表格沒有frame，Above 指的是只出現最上面的水平線，Below 則是出現最下面的水平線，Hsides是只出現上下水平線，LHS是只出現左邊垂直線，RHS是只出現右邊垂直線，Vsides是出現左右水平線，至於Box和border一樣是顯示四個邊！我在例子中只做幾個，其餘你自己可以試試看。
至於rules有五個屬性！NONE是不顯示rules，GROUPS則是只出現組與組之間的rules，ROWS是出現列的線，COLS是出現行的線，ALL則出現所有的rules，一樣我只舉兩例子，其他自己玩玩看。
最後是巢狀的表格，也就是表格內又有表格！這裡我們舉一個例子！如果一個表格裡面只有一個資料格，在這個資料格我們在分成第一列又是一個表格，而第二列又是一個表格，則整個表格就會如下面顯示！原始碼如下：
最後表格又有兩個特殊屬性，一是資料格與資料格的距離，這個我們用cellspacing來表示，另一個是資料格的內仍與邊緣的距離，我們用cellpadding來表示，下面的例子是cellspacing=10 cellpadding=20！
HTML原始碼如下：



瀏覽器顯示如下：