HTML Tables

Tables display data in rows and columns. Use them for tabular data — not for page layout.

Table Tags

Tag	Purpose
`<table>`	Container for the whole table
`<thead>`	Header section
`<tbody>`	Body/data section
`<tfoot>`	Footer section (totals, notes)
`<tr>`	Table row
`<th>`	Header cell (bold, centred)
`<td>`	Data cell

Spanning

Use colspan="2" to span multiple columns, and rowspan="2" to span multiple rows.

Example

<table border="1">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>25</td>
      <td>London</td>
    </tr>
    <tr>
      <td>Bob</td>
      <td>30</td>
      <td>New York</td>
    </tr>
  </tbody>
</table>

HTML

Full Editor

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned