元素名稱 | 說明 | 屬性或範例 |
table | 表格 | align:對齊方向,包含 left、right、center width:寬度,可用像素值或百分比 cellpadding:儲存格與儲存格內容的間距,可用像素值或百分比 cellspacing:儲存格間的間距,可用像素值或百分比 border:框線寬度,以像素為單位 |
tr | 列 | align:對齊方向,包含 left、right、center |
td | 儲存格 | align:對齊方向,包含 left、right、center height:高度,可用像素值或百分比 width:寬度,可用像素值或百分比 rowspan:合併列 colspan:合併欄 |
註:斜體紅字表示該屬性不可用於 HTML5,應用 CSS 替代。
<!-- 範例: --> <table width="100%"> <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> <td>1,4</td> </tr> <tr> <td>2,1</td> <td rowspan="3">2,2</td> <td>2,3</td> <td>2,4</td> </tr> <tr> <td>3,1</td> <td colspan="2">3,3</td> </tr> <tr> <td>4,1</td> <td>4,3</td> <td>4,4</td> </tr> </table>
隨堂練習:試做出以下表格。