HTML Table Sections: <thead>, <tbody>, <tfoot> & <caption>

Table Sections

By Ratan Updated: 16 Oct 2026

Organize tables semantically using <thead>, <tbody>, <tfoot>, and <caption> elements.

Level: Beginner to Advanced

Duration: ~60 Mins Deep-Dive

1. Semantic Table Sections: , ,

Semantic table sections organize tabular content into three distinct logical blocks:

: Wraps the top header row(s). Browsers can pin this header row when scrolling long data tables or repeat it on printed pages.

: Encapsulates the core data records.

: Wraps the summary/footer row (e.g., total sums, averages).

2. Production Example with Summary Row

Student Fee Ledger Summary Invoice # Description Amount (INR) INV-001 NEET UG Full Mock Test Series ₹1,999 INV-002 Previous Year Solved Papers Booklet ₹499 Total Net Payable ₹2,498

Student Fee Ledger Summary
Invoice #	Description	Amount (INR)
INV-001	NEET UG Full Mock Test Series	₹1,999
INV-002	Previous Year Solved Papers Booklet	₹499
Total Net Payable	₹2,498

हमारा मिशन है – "विद्यार्थियों को शिक्षित करना और उन्हें प्रतिस्पर्धी परीक्षाओं की तैयारी में उनकी पूर्ण क्षमता के साथ उत्कृष्टता प्राप्त करने में सहायता करना। साथ ही उनमें अच्छे संस्कारों का संचार करना और उनके व्यक्तित्व का विकास करना।"

पता संपर्क करें
+91 7877547686
ई-मेल
onlinecbtportal@gmail.com
हेल्पलाइन नंबर
+91 7877547686

डाउनलोड करने के लिए क्लिक करें

ऐप डाउनलोड करने
के लिए Google Play पर
उपलब्ध है

HTML Tutorial

Table Sections

1. Semantic Table Sections: , ,

2. Production Example with Summary Row

📝 Live Lesson Practice

ऑनलाइन कंप्यूटर आधारित परीक्षा

उपयोगी लिंक

महत्वपूर्ण पेज

कोर्सेज और अभ्यास

संपर्क करें

साझा करें