HTML5表格示例代碼
在網(wǎng)頁開發(fā)中,表格是常用的一種數(shù)據(jù)展示方式。HTML5提供了一種新的表格標(biāo)簽語言,可以更加方便地創(chuàng)建表格。下面是一個HTML5表格示例代碼:
<table> <thead> <tr> <th>姓名</th> <th>性別</th> <th>年齡</th> <th>籍貫</th> </tr> </thead> <tbody> <tr> <td>小明</td> <td>男</td> <td>18</td> <td>上海</td> </tr> <tr> <td>小紅</td> <td>女</td> <td>20</td> <td>北京</td> </tr> </tbody> </table>在上面的代碼中,首先使用<table>標(biāo)簽來定義一個表格。然后使用<thead>標(biāo)簽定義表頭,其中<th>標(biāo)簽表示表頭單元格。接著使用<tbody>標(biāo)簽定義表格主體,其中<tr>標(biāo)簽表示表格行,<td>標(biāo)簽表示表格單元格。 在這個例子中,表格有4列,分別是姓名、性別、年齡、籍貫。表頭使用<thead>標(biāo)簽定義,表格主體使用<tbody>標(biāo)簽定義,當(dāng)然,如果只有表頭的話,<tbody>標(biāo)簽也可以省略。 在表格主體中,使用<tr>標(biāo)簽定義表格行,里面可嵌套多個<td>標(biāo)簽,每個<td>標(biāo)簽表示一個表格單元格。 在實(shí)際應(yīng)用中,我們可以將HTML5表格和CSS樣式結(jié)合起來,使表格更加美觀。同時,也可以使用JavaScript在表格中添加、刪除數(shù)據(jù)和樣式等操作。