? <!--

? ? ? ? 表格的結構標簽

? ? ? ? 場景：讓表格的內容結構分組，突出表格的不同部分（頭部。主題，底部）使語義更加清晰

? ? ? ? 結構標簽：

? ? ? ? thead:表格頭部

? ? ? ? tbody：表格主體

? ? ? ? tfoot:表格底部

? ? ? ? 注意點：

? ? ? ? 表格結構標簽內部用于包裹tr標簽

? ? ? ? 表格的結構標簽可以省略

? ? ?-->

? ? ?<table border="1" >

? ? ? ? ?<caption> <b>學生成績單</b> </caption>

? ? ? ? ?<thead>

? ? ? ? ? ? ?<tr>

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

? ? ? ? ? ? ? ? ?<th>成績</th>

? ? ? ? ? ? ? ? ?<th>評語</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>總結</td>

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

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

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

? ? ? ? ? ? ?</tfoot>

? ? ?</table>

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。