HTML tables allow web developers to arrange data into rows and columns.
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Ernst Handel | Roland Mendel | Austria |
| Island Trading | Helen Bennett | UK |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
A table in HTML consists of table cells inside rows and columns.
A simple HTML table:
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
Each table cell is defined by a
td stands for table data.
Everything between
| Emil | Tobias | Linus |
Note: A table cell can contain all sorts of HTML elements: text, images, lists, links, other tables, etc.
Each table row starts with a
tr stands for table row.
| Emil | Tobias | Linus |
| 16 | 14 | 10 |
You can have as many rows as you like in a table; just make sure that the number of cells are the same in each row.
Note: There are times when a row can have less or more cells than another. You will learn about that in a later chapter.
th stands for table header.
Let the first row be table header cells:
| Person 1 | Person 2 | Person 3 |
|---|---|---|
| Emil | Tobias | Linus |
| 16 | 14 | 10 |
By default, the text in elements are bold and centered, but you can change that with CSS.
| Tag | Description |
|---|---|
| Defines a table | |
| Defines a header cell in a table | |
| Defines a row in a table | |
| Defines a cell in a table | |
| Defines a table caption | |
| Specifies a group of one or more columns in a table for formatting | |
| Specifies column properties for each column within a element | |
| Groups the header content in a table | |
| Groups the body content in a table | |
| Groups the footer content in a table |
For a complete list of all available HTML tags, visit our HTML Tag Reference.
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com
If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
