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