? <!--

? ? ? ? 表格的結(jié)構(gòu)標(biāo)簽

? ? ? ? 場(chǎng)景：讓表格的內(nèi)容結(jié)構(gòu)分組，突出表格的不同部分（頭部。主題，底部）使語(yǔ)義更加清晰

? ? ? ? 結(jié)構(gòu)標(biāo)簽：

? ? ? ? thead:表格頭部

? ? ? ? tbody：表格主體

? ? ? ? tfoot:表格底部

? ? ? ? 注意點(diǎn)：

? ? ? ? 表格結(jié)構(gòu)標(biāo)簽內(nèi)部用于包裹tr標(biāo)簽

? ? ? ? 表格的結(jié)構(gòu)標(biāo)簽可以省略

? ? ?-->

? ? ?<table border="1" >

? ? ? ? ?<caption> <b>學(xué)生成績(jī)單</b> </caption>

? ? ? ? ?<thead>

? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ?<th>姓名</th>

? ? ? ? ? ? ? ? ?<th>成績(jī)</th>

? ? ? ? ? ? ? ? ?<th>評(píng)語(yǔ)</th>

? ? ? ? ? ? ?</tr>

? ? ? ? ? ? </thead>

? ? ? ? ? ? ?<tbody>

? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ? ? ?<td>張三</td>

? ? ? ? ? ? ? ? ? ? ?<td>100分</td>

? ? ? ? ? ? ? ? ? ? ?<td>優(yōu)秀</td>

? ? ? ? ? ? ? ? ?</tr>

? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ? ? ?<td>李四

? ? ? ? ? ? ? ? ? ? ?</td>

? ? ? ? ? ? ? ? ? ? ?<td>80分</td>

? ? ? ? ? ? ? ? ? ? ?<td>很好</td>

? ? ? ? ? ? ? ? ?</tr>

? ? ? ? ? ? ?</tbody>

? ? ? ? ? ? ?<tfoot>

? ? ? ? ? ? ? ? ?<tr>

? ? ? ? ? ? ? ? ? ? <td>總結(jié)</td>

? ? ? ? ? ? ? ? ? ? <td>都很好</td>

? ? ? ? ? ? ? ? ? ? <td>再接再厲</td>

? ? ? ? ? ? ? ? ?</tr>

? ? ? ? ? ? ?</tfoot>

? ? ?</table>

?

總結(jié)

以上是生活随笔為你收集整理的前端基础-html-表格的结构标签（了解）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。