Skip to content

Try our new Crash Courses!

Buy one of our new Crash Courses, now hosted on Teachable.

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