表格的基本語法以及標簽
表格示例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,所以第二行第一個單元格的標簽就應該洗掉
同理,由于第三行的第二個單元格跨列合并,所以第三行的第三個單元格的標簽也應該洗掉
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/540942.html
標籤:Html/Css
