|
|
|
|
|
<Table Border="Number">
|
| 語 法 說 明 |
 屬性 Border 我們之前已教過， "Number" 為阿拉伯數值，單位為像數 (Pixel)。
屬性值 "Number" 輸入的數值越大，外邊框就越厚，內定值為 "0" ，是看不到外邊框線的。
|
| 範例 |
HTML標籤 |
<Table Border="5"><Tr><Td>文字或圖片</Td></Tr></Table>
|
| 顯示結果 |
|
|
一個 <Table> 標籤內，不管有幾列或幾個資料格，都是使用同一個表格外框，且外邊框線一定是一樣的。
|
| 顯示結果 |
<Table Border="10">
| 文字或圖片1-1 | 文字或圖片2-1 |
| 文字或圖片1-2 | 文字或圖片2-2 |
|
|
Border 外邊框厚度看起來有點像斜邊式的立體狀，因為不是很好看(用)，所以其值一般很少設到 "2" 以上。
|
|
|
|
|
|
<Table Width="％"|"Pixel">
|
| 語 法 說 明 |
Width 的屬性之前已教過，值採 "％" 會隨螢幕調整寬度(相對值)，值採 "Pixel" 為固定的像素單位(絕對值)。
|
| 範例 |
HTML標籤 |
<Table Border="1" Width="100"><Tr"><Td>文字或圖片</Td></Tr></Table>
|
| 顯示結果 |
<Table Width="100">
<Table Width="50％">
|
|
上面<Table Width="50％">範例，我放在一個隱藏的內表格標籤，所以它的寬度會佔這個內表格的 50。
|
如果改放在 <Body> .. </Body>標籤內，它的寬度就會佔整個頁面(螢幕)的 50％  。
|
|
|
|
|
|
<Table Height="％"|"Pixel">
|
| 語 法 說 明 |
Height 的屬性之前已教過，值採 "％" 會隨螢幕調整高度(相對值)，值採 Pixel" 為固定的像素單位(絕對值)。
|
| 範例 |
HTML標籤 |
<Table Border="1" Height="100"><Tr"><Td>文字或圖片</Td></Tr></Table>
|
| 顯示結果 |
|
 注意：下面的範例我採用 Width + Height 兩個屬性合用結果，只要是合法的屬性都可以多組合併使用。
|
| 範例 |
HTML標籤 |
<Table Border="1" Width="100" Height="100"><Tr"><Td>文字或圖片</Td></Tr></Table>
|
| 顯示結果 |
|
|
本例<Table Height="50％">我放在一個隱藏的<Table Height="100">在裡面，所以高度佔這個表格的 50。
|
| 顯示結果 |
|
|
如果改放在 <Body> .. </Body>標籤內，它的高度就會佔整個頁面的 50％ 。
|
|
|
|
|
<Table Align="Left"|"Center"|"Right">
|
| 語 法 說 明 |
|
Align 的屬性我們也已教過數遍，這裡就不要浪費時間了，如果您還是稿不懂，請回頭再好好仔細學一遍吧。
|
| 範例 |
HTML標籤 |
<Table Border="1" Height="50" Align="Right"><Tr><Td>文字或圖片</Td></Tr></Table>
|
| 顯示結果 |
|
|
這裡的 Align="Left"|"Center"|"Right" 屬性置"左"|"中"|"右"，是指整個表格的位移動作。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
中譯為桌子、檯、表、目錄之意，在這裡當然就是指網頁的表格。
瀏覽器專用的屬性，對其它瀏覽器恐會產生無法顯示或顯示不一樣後果，故不建議經常或大量使用。