HTML <tbody> uteule
定义和用法
<tbody>
标签用于对 HTML 表格中的正文内容进行分组。
<tbody>
元素与 <thead> na <tfoot> 元素结合使用,以指定表格的每个部分(正文、页眉、页脚)。
浏览器可以使用这些元素,使得在滚动表格正文时,页眉和页脚可以独立显示。此外,当打印跨多个页面的大型表格时,这些元素可以使得表格的页眉和页脚在每页的顶部和底部打印出来。
Hataraji:<tbody>
elementi kina lazima kuwa na moja au zaidi kina <tr> labeli.
<tbody>
maji ambayo mara nyingi yanatumiwa kwa kama <table> mabaki ya elementi, kwenye kila <caption>na<colgroup> na <thead> kisha kina elementi.
Mambo ya kuzingatia:Kwa kawaida, <thead>、<tbody> na <tfoot> hatutafaa kufikia muundo wa tabea. Lakini, unaweza kutumia CSS kuweka muundo wa haya kwa ajili ya mifano (tazama mifano inayofuata)!
mifano
mada 1
Tabeli ya HTML inayotaka na <thead>、<tbody> na <tfoot>:
<table> <thead> <tr> <th>Mwezi</th> <th>Hisia ya Mwaka</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>uagiza</td> <td>¥7900</td> </tr> </tfoot> </table>
Jifunze kwa uwanja wa mawasiliano
mada 2
Tumia CSS kuweka muundo wa <thead>、<tbody> na <tfoot>:
<html> <head> <style> thead {color: green;} tbody {color: blue;} tfoot {color: red;} table, th, td { border: 1px solid black; } </style> </head> <body> <table> <thead> <tr> <th>Mwezi</th> <th>Hisia ya Mwaka</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>uagiza</td> <td>¥7900</td> </tr> </tfoot> </table>
Jifunze kwa uwanja wa mawasiliano
mada 3
jinsi ya kuelekea <tbody>
matokeo wa kwa kutumia CSS:
<table style="width:100%"> <thead> <tr> <th>Mwezi</th> <th>Hisia ya Mwaka</th> </tr> </thead> <tbody style="text-align:right"> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> </table>
Jifunze kwa uwanja wa mawasiliano
mada 4
jinsi ya kuelekea kikomo <tbody>
matokeo wa kwa kutumia CSS:
<table style="width:50%;"> <tr> <th>Mwezi</th> <th>Hisia ya Mwaka</th> </tr> <tbody style="vertical-align:bottom"> <tr style="height:100px"> <td>Januari</td> <td>¥3400</td> </tr> <tr style="height:100px"> <td>Februari</td> <td>¥4500</td> </tr> </tbody> </table>
Matumizi ya kawaida
<tbody>
Tovuti hii inasimamia hisia za matukio Matumizi ya matumizi ya kawaida katika HTML.
Hisia ya matukio
<tbody>
Tovuti hii inasimamia hisia za matukio Hisia ya matukio katika HTML.
Mashahara ya CSS ya Kwanza
Kawaida, kawaida kwa kila kifaa kinahitaji kutumia thamani za kwanza <tbody>
Jiografia:
tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }
Mwongozo wa Kifaa cha Kuhifadhi
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |