前端基础-html-表格的结构标签(了解)
? <!--
? ? ? ? 表格的結(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)題。
- 上一篇: Linux企业级项目实践之网络爬虫(28
- 下一篇: 前端基础-html-链接标签的介绍