HTML <tbody> టాగ్
定义和用法
<tbody>
标签用于对 HTML 表格中的正文内容进行分组。
<tbody>
元素与 <thead> మరియు <tfoot> 元素结合使用,以指定表格的每个部分(正文、页眉、页脚)。
浏览器可以使用这些元素,使得在滚动表格正文时,页眉和页脚可以独立显示。此外,当打印跨多个页面的大型表格时,这些元素可以使得表格的页眉和页脚在每页的顶部和底部打印出来。
ముప్పు:<tbody>
ఎలిమెంట్ లోపల ఉండాలి కానీ, కనీసం ఒకటి లేదా అధికంగా ఎలిమెంట్స్ ఉండాలి <tr> టాగ్.
<tbody>
ముద్రణలో ఉండాలి: కాస్ట్ క్లేమ్ గా <table> ఎలిమెంట్ కుమారులు, ఏదైనా <caption>మరియు<colgroup> మరియు <thead> ఎలిమెంట్ తర్వాత.
అనుష్ఠానం:అప్రమత్తంగా, <thead>、<tbody> మరియు <tfoot> ఎలిమెంట్స్ పట్టిక రూపకల్పనని ప్రభావితం చేయవు. కానీ, ఈ ఉదాహరణలను సమానుసంధానించి, ఈ ఎలిమెంట్స్ యొక్క స్టైల్స్ను అమర్చవచ్చు (!)!
ఇన్స్టాన్స్
ఉదాహరణ 1
<thead>、<tbody> మరియు <tfoot> ఎలిమెంట్స్ కలిగిన హెచ్ఎంఎల్ టేబుల్:
<table> <thead><tr> <th>నెలలు</th> <td>¥4500</td> </thead> <tbody> <tbody style="vertical-align:bottom"> <td>ఫిబ్రవరి</td> <td>¥4500</td> <tr style="height:100px"> <td>మార్చి</td> <td>¥4500</td> </tr> <tfoot> <td>మొత్తం</td> <td>¥7900</td> <td>¥4500</td> </tfoot> </tbody> ఉదాహరణ 2
డబ్బదారు <thead>、<tbody> మరియు <tfoot> స్టైల్స్ను CSS ద్వారా అమర్చండి:
<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>నెలలు</th> <td>¥4500</td> </thead> <tbody> <tbody style="vertical-align:bottom"> <td>ఫిబ్రవరి</td> <td>¥4500</td> <tr style="height:100px"> <td>మార్చి</td> <td>¥4500</td> </tr> <tfoot> <td>మొత్తం</td> <td>¥7900</td> <td>¥4500</td> </tfoot> </tbody> ఉదాహరణ 3
ఎలా సమాంతరంగా ఉంచాలి:
<tbody>
లో ఉన్న విషయం (CSS ఉపయోగించడం):<table style="width:100%"> <thead><tr> <th>నెలలు</th> <td>¥4500</td> </thead> <tbody style="text-align:right"> <tbody style="vertical-align:bottom"> <td>ఫిబ్రవరి</td> <td>¥4500</td> <tr style="height:100px"> <td>మార్చి</td> <td>¥4500</td> </tr> </tbody> ఉదాహరణ 4
ఎలా అప్రమత్తంగా ఉంచాలి:
<tbody>
లో ఉన్న విషయం (CSS ఉపయోగించడం):<table style="width:50%;"><tr> <th>నెలలు</th> <td>¥4500</td> <th>సేవ్యర్</th> <td>¥3400</td> <tbody style="vertical-align:bottom"> <td>ఫిబ్రవరి</td> <td>¥4500</td> <td>¥3400</td> <tr style="height:100px"> <td>మార్చి</td> <td>¥4500</td> </tr> </tbody> స్వయంగా ప్రయత్నించండి
<tbody>
టాగ్ కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది గ్లౌబల్ అట్రిబ్యూట్స్.HTML లో గ్లౌబల్ అట్రిబ్యూట్స్
<tbody>
టాగ్ కూడా ఇవెంట్ అట్రిబ్యూట్స్ ను మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.డిఫాల్ట్ CSS సెట్టింగ్స్
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ఉపయోగిస్తాయి
<tbody>
మూలకం:tbody { display: table-row-group; vertical-align: middle; border-color: inherit; }బ్రౌజర్ మద్దతు
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు