html表格的分區(qū)與分組控制
發(fā)表時(shí)間：2023-09-06 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]1. 表格的分區(qū)主要用<thead><tbody><tfoot>將表格分為頭部，主體，尾部三分部 2. 這三個(gè)表格分區(qū)標(biāo)簽本身沒有任何樣式,僅僅是一個(gè)區(qū)塊劃分標(biāo)記罷了除了可以對(duì)表格進(jìn)行分區(qū)控制外,還可以對(duì)每一列進(jìn)行分組,這樣可以快速的進(jìn)行設(shè)置,提高效率<!...
1. 表格的分區(qū)主要用<thead><tbody><tfoot>將表格分為頭部，主體，尾部三分部
2. 這三個(gè)表格分區(qū)標(biāo)簽本身沒有任何樣式,僅僅是一個(gè)區(qū)塊劃分標(biāo)記罷了
除了可以對(duì)表格進(jìn)行分區(qū)控制外,還可以對(duì)每一列進(jìn)行分組,這樣可以快速的進(jìn)行設(shè)置,提高效率
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格的分區(qū)與分組控制</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="5" align="center" width="80%">
<caption><h3>島國(guó)明星TOP50排行榜</h3></caption>
<!-- 對(duì)每一列進(jìn)行分組控制 -->
<!-- <colgroup>:可以對(duì)一列進(jìn)行整體控制,但能用的屬性非常有限,通常要配合css才能發(fā)揮作用 -->
<!-- <col>標(biāo)簽可對(duì)分到一組的每一列進(jìn)行更加精準(zhǔn)的控制 -->
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="1" bgcolor="lightgreen"></colgroup>
<colgroup span="2" bgcolor="lightyellow">
<!-- 對(duì)第三列單獨(dú)控制 -->
<col bgcolor="lightgray">
<col>
</colgroup>
<colgroup span="2" bgcolor="cyan"></colgroup>
<thead>
<!-- bgcolor可以設(shè)置行或單元格的背景顏色 -->
<tr bgcolor="skyblue">
<!-- <th>標(biāo)簽內(nèi)部文本默認(rèn)會(huì)加粗居中顯示,非常適合做表頭 -->
<th>ID</th>
<th>姓名</th>
<th>腰圍</th>
<th>腰圍</th>
<th>臀圍</th>
</tr>
<tr>
<td align="center">01</td>
<td align="center">波多野結(jié)衣</td>
<td align="center">88</td>
<td align="center">59</td>
<td align="center">85</td>
</tr>
<tr>
<td align="center">02</td>
<td align="center">小澤瑪利亞</td>
<td align="center">90</td>
<td align="center">60</td>
<td align="center">85</td>
</tr>
<tr>
<td align="center">03</td>
<td align="center">淺川梨奈</td>
<td align="center">87</td>
<td align="center">61</td>
<td align="center">88</td>
</tr>
<tr>
<td align="center">04</td>
<td align="center">深田恭子</td>
<td align="center">86</td>
<td align="center">62</td>
<td align="center">88</td>
</tr>
<tr>
<td align="center">05</td>
<td align="center">蒼老師</td>
<td align="center">88</td>
<td align="center">68</td>
<td align="center">90</td>
</tr>
</tbody>
<!-- tfoot:表格底部,目前暫時(shí)無內(nèi)容,保持空即可 -->
<tfoot>
</tfoot>
</table>
<p align="center">
<a href="">首頁(yè)</a>
<a href="">上一頁(yè)</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">...</a>
<a href="">下一頁(yè)</a>
<a href="">尾頁(yè)</a>
</p>
</body>
</html>
以上就是html表格的分區(qū)與分組控制的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
