HTML Questions & Answers Logo
HTML Questions & Answers Part of the Q&A Network
Real Questions. Clear Answers.
Ask any question about HTML here... and get an instant response.
Q&A Logo Q&A Logo

How can I create a table with a header, body, and footer section?

Asked on Sep 18, 2025

Answer

To create a table with distinct header, body, and footer sections, you can use the <thead>, <tbody>, and <tfoot> elements respectively. These elements help in organizing the table's structure semantically.
<!-- BEGIN COPY / PASTE -->
    <table>
      <thead>
        <tr>
          <th>Header 1</th>
          <th>Header 2</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Data 1</td>
          <td>Data 2</td>
        </tr>
        <tr>
          <td>Data 3</td>
          <td>Data 4</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>Footer 1</td>
          <td>Footer 2</td>
        </tr>
      </tfoot>
    </table>
    <!-- END COPY / PASTE -->
Additional Comment:
  • The <thead> element is used to group header content in a table.
  • The <tbody> element contains the main data of the table.
  • The <tfoot> element is used for footer content, often for summaries or totals.
  • Using these elements improves accessibility and allows for easier styling.

✅ Answered with HTML best practices.


← Back to All Questions

Q&A Network
The Q&A Network
HTML
Ask Questions / Get Answers about HTML!
Web Development
Ask Questions / Get Answers about Web Development!
Data Science
Ask Questions / Get Answers about Data Science!
Film Production
Ask Questions / Get Answers about Film Production!
Monetization
Ask Questions / Get Answers about Ad & Monetization!
Chatbots
Ask Questions / Get Answers about Chatbots!
Cloud Computing
Ask Questions / Get Answers about Cloud Computing!
Web Hosting
Ask Questions / Get Answers about Hosting!
AI Video
Ask Questions / Get Answers about AI Video!
Video Editing
Ask Questions / Get Answers about Video Editing!
Quantum
Ask Questions / Get Answers about Quantum Computing!
Networking
Ask Questions / Get Answers about Networking!
Robotics
Ask Questions / Get Answers about Robotics!
Creative Writing
Ask Questions / Get Answers about Creative Writing!
AI Coding
Ask Questions / Get Answers about AI Coding!
IoT
Ask Questions / Get Answers about IoT!
AI
Ask Questions / Get Answers about AI!
Tailwind
Ask Questions / Get Answers about Tailwind!
Performance
Ask Questions / Get Answers about Web Vitals!
VR & AR
Ask Questions / Get Answers about VR & AR!
Analytics
Ask Questions / Get Answers about Analytics!
JavaScript
Ask Questions / Get Answers about JavaScript!
MobileDev
Ask Questions / Get Answers about Mobile Developement!
AI Ethics
Ask Questions / Get Answers about AI Ethics!
AI Marketing
Ask Questions / Get Answers about AI Marketing!
DevOps
Ask Questions / Get Answers about DevOps!
AI Writing
Ask Questions / Get Answers about AI Writing!
Cybersecurity
Ask Questions / Get Answers about Cybersecurity!
AI Images
Ask Questions / Get Answers about AI Images!
SEO
Ask Questions / Get Answers about SEO!
WordPress
Ask Questions / Get Answers about WordPress!
Security
Ask Questions / Get Answers about Website Security!
Web Languages
Ask Questions / Get Answers about Web Languages!
AI Education
Ask Questions / Get Answers about AI Education!
Photography
Ask Questions / Get Answers about Photography!
AI Design
Ask Questions / Get Answers about AI Design!
AI Audio
Ask Questions / Get Answers about AI Audio!
AI Business
Ask Questions / Get Answers about AI Business!
CSS
Ask Questions / Get Answers about CSS!
Bootstrap
Ask Questions / Get Answers about Bootstrap!
Graphic Design
Ask Questions / Get Answers about Graphic Design!