HTML中表格(table標籤)的相關屬性
阿新 • • 發佈:2020-07-31
表格 tr :table row td :table data
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>
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 cellpaddingtd上的屬性: 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>