Skip to content

Try our new Crash Courses!

Become a member using the button below to hide this banner and gain access to our new Crash Courses.

Table with footer – HTML



Tables are used to show tabular data on a web page.


  <!-- Caption -->
  <caption>Caption for table</caption>

  <!-- Head -->
      <th>Header 1</th>
      <th>Header 2</th>

  <!-- Body -->
      <th>Row Header</th>

      <th>Row Header</th>

  <!-- Footer -->
      <th>Footer Header</th>

This table is similar to the table with a caption, head, and body, except that it wraps the last row element in a tfoot element. According to MDN, this extra element doesn’t have any accessibility benefits, but can be useful for styling the section of the table with CSS.


Recreate the embedded CodePen demo by typing out the HTML code in your index.html file.


The Table Foot element – MDN

Lesson tags: Open Lesson
Back to: HTML Reference > HTML Tables