Tabeli <thead> ya HTML
定义和用法
<thead>
标签用于对 HTML 表格中的标题内容进行分组。
<thead>
元素与 <tbody> na <tfoot> 元素结合使用,以规定表格的每个部分(页眉、正文、页脚)。
浏览器可以使用这些元素,使得在滚动表格正文时,页眉和页脚可以独立显示。此外,当打印跨多个页面的大型表格时,这些元素可以使得表格的页眉和页脚在每页的顶部和底部打印出来。
kumwambia:<thead>
kifungu kinahitaji kuwa na moja au zaidi ya kifungu, <tr> mifungu.
<thead>
mifungo wote lazima kutumiwa kwenye mazingira: kama <table> mabaki ya kifungu, kwenye aina yoyote ya huzina, <caption> na <colgroup> kwenye kifungu cha kisha, na kwenye aina yoyote ya huzina, <tbody>、<tfoot> na <tr> kwenye kifungu cha awali.
maswali:kwa kawaida,<thead>
、<tbody> na <tfoot> ni hatarini kufikia usababu wa tafaniki. Kuna huzina, inaweza kutafsiri kwa CSS kwa ajili ya hizi elementi (tunapokea mifano hapa)!
mimundo
mada 1
Tafaniki ya HTML ya kifungu ambacho ina <thead>, <tbody> na <tfoot>:
<table> <thead> <tr> <th>Mwezi</th> <th>Bunia</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>jumla</td> <td>¥7900</td> </tr> </tfoot> </table>
mada 2
Tafsiri cha CSS kwa <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>Bunia</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>jumla</td> <td>¥7900</td> </tr> </tfoot> </table>
mada 3
kutafsiri: <thead>
kikuu cha cha: (kwa CSS):
<table style="width:100%"> <thead style="text-align:left"> <tr> <th>Mwezi</th> <th>Bunia</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> </table>
mada 4
kutafsiri kikuu: <thead>
kikuu cha cha: (kwa CSS):
<table style="width:50%;"> <thead style="vertical-align:bottom"> <tr style="height:100px"> <th>Mwezi</th> <th>Bunia</th> </tr> </thead> <tbody> <tr> <td>Januari</td> <td>¥3400</td> </tr> <tr> <td>Februari</td> <td>¥4500</td> </tr> </tbody> </table>
Mafuta ya jumla
<thead>
Tabeli hii inasimamia pia mafuta ya matukio Mafuta ya jumla katika HTML.
Mafuta ya matukio
<thead>
Tabeli hii inasimamia pia mafuta ya matukio Mafuta ya matukio katika HTML.
Masharti ya CSS ya kawaida
Masharti ya CSS ya kufikia wa kawaida inatokana na masharti yanayotumika kwa kawaida <thead>
Makundi:
thead { display: kikundi cha kifaa cha kwanza; vertical-align: kwa kati; border-color: inaonekana; }
Mwabali wa kina
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |