HTML <tfoot> टैग का उपयोग टेबल में फुटर जोड़ने के लिए किया जाता है। tfoot टैग tbody टैग और thead टैग के साथ संयोजन में उपयोग किया जाता है ताकि टेबल के प्रत्येक भाग (हेडर, फुटर, बॉडी) को निर्धारित किया जा सके।
निम्न एट्रिब्यूट्स हैं (सभी डिप्रिकेटेड, CSS उपयोग करें):
| एट्रिब्यूट | वैल्यू | विवरण |
|---|---|---|
| align | right, left, center, justify, char | डिप्रिकेटेड - विज़ुअल अलाइनमेंट |
| char | character | डिप्रिकेटेड - टेक्स्ट को किस कैरेक्टर पर अलाइन करना है निर्दिष्ट करता है। align="char" होने पर उपयोग किया जाता है |
| charoff | पिक्सल्स या % | डिप्रिकेटेड - char एट्रिब्यूट के साथ निर्दिष्ट पहले कैरेक्टर के विरुद्ध अलाइनमेंट ऑफसेट निर्दिष्ट करता है |
| valign | top, middle, bottom, baseline | डिप्रिकेटेड - वर्टिकल अलाइनमेंट |
उदाहरण
HTML में टेबल फुटर बनाने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <table style="width:100%"> <thead> <tr> <td colspan="4">This is the head of the table</td> </tr> </thead> <tfoot> <tr> <td colspan="4">This is the footer of the table</td> </tr> </tfoot> <tbody> <tr> <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> </tr> <tr> ...more rows here containing four cells... </tr> </tbody> <tbody> <tr> <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> </tr> <tr> ...more rows here containing four cells... </tr> </tbody> </table> </body> </html> नोट: HTML5 में <tfoot> को <tbody> के पहले या बाद में रखा जा सकता है (ब्राउज़र इसे नीचे रेंडर करेगा)।
