HTML 5

HTML Tables

1:17

Tables in HTML allows users to arrange content in rows and columns what is called table.

HTML Simple table example

<table>
   <tr>
      <th>Firstname</th>
      <th>Surname</th>
   </tr>
   <tr>
      <td>John</td>
      <td>Doe</td>
   </tr>
   <tr>
      <td>Susan</td>
      <td>Smith</td>
   </tr>
</table>

Table use elements to define rows and columns. As you can see above in the example every row is closed between <tr> (table row) tag. List of HTML tags used in tables:

<table> - defines table (every table start and end with this tag)
<tr> - Table row - defines one row of the table
<th> - Table header - headline of every column in table, usually displayed center and bold
<td> - Table data - all datas in table, usually displayed left and use normal font weight

HTML Table structure image

HTML Tables real examples

Simple table

Simple table with border

Simple table with colspan attribute to merge columns to one

Simple table with rowspan attribute to merge rows to one

By: Tomas Silny
Edited: 2020-11-08 11:10:44

< Previous

Next >