HTML <tfoot> టాగు
- ముందు పేజీ <textarea>
- తరువాత పేజీ <th>
定义和用法
<tfoot>
标签用于对 HTML 表格中的页脚内容进行分组。
<tfoot>
元素与 <thead> మరియు <tbody> 元素结合使用,以指定表格的每个部分(页脚、页眉、正文)。
బ్రౌజర్లు ఈ ఎలిమెంట్స్ ఉపయోగించవచ్చు, కాబట్టి టేబుల్ ప్రధాన పాఠం రోల్లేజ్ ప్రక్రియలో హెడర్ మరియు ఫూటర్ స్వతంత్రంగా ప్రదర్శించబడతాయి. అలాగే, బహుళ పేజీలలో విస్తరించిన పెద్ద టేబుల్స్ ప్రింట్ చేయడం వలన, పేజీల పైన మరియు పైన పేజీల ఫూటర్స్ ప్రింట్ అవుతాయి.
మున్నటి ప్రత్యాహారం: <tfoot> టాగ్ లో కనీసం ఒక లేదా అనేక ఎలిమెంట్స్ ఉండాలి <tr> టాగ్.
<tfoot>
టాగ్ లో ఉపయోగించవలసిన పరిసరం కాగలదు: <table> ఎలిమెంట్స్ చిల్లర ఎలిమెంట్స్, ఏ పరిసరంలోనైనా ఉన్నప్పుడు. <caption>మరియు<colgroup>మరియు<thead> మరియు <tbody> ఎలిమెంట్స్ తర్వాత.
సూచన:డిఫాల్ట్ లో, <thead>、<tbody> మరియు <tfoot>
ఎలిమెంట్స్ పరిసరాలను ప్రభావితం చేయలేదు. కానీ, మీరు ఈ ఎలిమెంట్స్ స్టైల్స్ అమర్చడానికి సిఎస్ఎస్ ఉపయోగించవచ్చు (క్రింది ఉదాహరణలను చూడండి)!
ఉదాహరణ
ఉదాహరణ 1
<thead>、<tbody> మరియు <tfoot> ఎలిమెంట్స్ కలిగిన హెచ్ఎంఎల్ టేబుల్:
<table> <thead> <tr> <th>నెలవారీ</th> <th>సేవ్యుత్తులు</th> </tr> </thead> <tbody> <tr> <td>జనవరి</td> <td>¥3400</td> </tr> <tr> <td>ఫిబ్రవరి</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>మొత్తం</td> <td>¥7900</td> </tr> </tfoot> </table>
ఉదాహరణ 2
సిఎస్ఎస్ ఉపయోగించడం ద్వారా <thead>、<tbody> మరియు <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>నెలవారీ</th> <th>సేవ్యుత్తులు</th> </tr> </thead> <tbody> <tr> <td>జనవరి</td> <td>¥3400</td> </tr> <tr> <td>ఫిబ్రవరి</td> <td>¥4500</td> </tr> </tbody> <tfoot> <tr> <td>మొత్తం</td> <td>¥7900</td> </tr> </tfoot> </table>
ఉదాహరణ 3
ఎలా నిలపడం? <tfoot>
లో ఉన్న విషయాలు (సిఎస్ఎస్ ఉపయోగించడం):
<table style="width:100%"> <tr> <th>నెలవారీ</th> <th>సేవ్యుత్తులు</th> </tr> <tr> <td>జనవరి</td> <td>¥3400</td> </tr> <tr> <td>ఫిబ్రవరి</td> <td>¥4500</td> </tr> <tfoot style="text-align:center"> <tr> <td>మొత్తం</td> <td>¥7900</td> </tr> </tfoot> </table>
ఉదాహరణ 4
ఎలా అప్రమాణితంగా నిలపడం? <tfoot>
లో ఉన్న విషయాలు (సిఎస్ఎస్ ఉపయోగించడం):
<table style="width:100%"> <tr> <th>నెలవారీ</th> <th>సేవ్యుత్తులు</th> </tr> <tr> <td>జనవరి</td> <td>¥3400</td> </tr> <tr> <td>ఫిబ్రవరి</td> <td>¥4500</td> </tr> <tfoot style="vertical-align:bottom"> <tr style="height:100px"> <td>మొత్తం</td> <td>¥7900</td> </tr> </tfoot> </table>
గ్లౌబల్ అట్రిబ్యూట్స్
<tfoot>
టాగులు కూడా HTML లో గ్లౌబల్ అట్రిబ్యూట్స్.
ఇవెంట్ అట్రిబ్యూట్స్ సహాయపడతాయి
<tfoot>
టాగులు కూడా HTML లో ఇవెంట్ అట్రిబ్యూట్స్.
అప్రమేయ CSS అమరికలు
అత్యంత బ్రౌజర్లు క్రింది మూల విలువలను ప్రదర్శిస్తాయి <tfoot>
అంశం:
tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit; }
బ్రౌజర్ మద్దతు
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపరా |
---|---|---|---|---|
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముందు పేజీ <textarea>
- తరువాత పేజీ <th>