表格的基本語法以及標簽 表格示例1: table標簽就是表格的標簽,用來建立一個表格 tr標簽表示行,一個<tr></tr>標簽就是一行 td標簽表示數據單元格的內容,可以理解為列 th標簽為表頭單元格,和td不同的是,它在表格中會居中且加粗 tr要嵌套在table裡面,td要嵌套在tr里 tabl ...
表格的基本語法以及標簽
表格示例1:
table標簽就是表格的標簽,用來建立一個表格
tr標簽表示行,一個<tr></tr>標簽就是一行
td標簽表示數據單元格的內容,可以理解為列
th標簽為表頭單元格,和td不同的是,它在表格中會居中且加粗
tr要嵌套在table裡面,td要嵌套在tr里
table標簽裡面可以有很多的屬性可以設置,如下圖所示:
常見的還有一個height屬性,用來設置表格的高
其實這些屬性並不是table標簽專屬的,tr,th,td標簽也可以設置一些屬性,如<td align="center"></td>
示例1在網頁中的顯示:
為了更好的閱讀代碼,表格的第一行,即表頭,可以用<thead></thead>包起來,表的主體可以用<tbody></tbody>包起來
以此實現實現收縮代碼的功能,具體效果如下圖所示:
合併單元格
表格示例2:
具體效果如下:
本身表格是一個三行三列的表格,由於第一行的第一個單元格跨行合併,且合併的個數為2,所以第二行第一個單元格的標簽就應該刪除
同理,由於第三行的第二個單元格跨列合併,所以第三行的第三個單元格的標簽也應該刪除