1. 程式人生 > 實用技巧 >HTML中表格(table標籤)的相關屬性

HTML中表格(table標籤)的相關屬性

表格 tr :table row td :table data
 1 <body>
 2     <table style="width: 240px" border="1">
 3         <caption>表格的跨行與跨列</caption>
 4         <tr>
 5             <td rowspan="2">跨2行的單元格</td>
 6             <td>普通單元格</td>
 7         </tr>
 8         <tr>
 9             <td>普通單元格</td>
10
</tr> 11 <tr> 12 <td colspan="2">跨2列的單元格</td> 13 </tr> 14 <tr> 15 <td>普通單元格</td> 16 <td>普通單元格</td> 17 </tr> 18 </table> 19 </body>

瀏覽效果如下:

table上的屬性 :border width height align bgcolor cellspacing cellpadding
tr上的屬性 : align水平對齊方式 valign垂直對齊方式 bgcolor width height
td上的屬性: height bgcolor 表格合併操作:
//合併多列
<td colspan="2">row 1, cell 1</td>
//合併多行
<td rowspan="2">row 1, cell 1</td>
//多列多行合併
<td colspan="2" rowspan="2">row 1, cell 1</td>