10/4/25, 7:31 AM HTML Tables

 Tutorials  References  Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

HTML Tables
❮ Previous Next ❯

HTML tables allow web developers to arrange data into rows and columns.

Example

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

Try it Yourself »

Define an HTML Table

[Link] 1/10
10/4/25, 7:31 AM HTML Tables

A table in HTML consists of table cells inside rows and columns.

 Tutorials  References  Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
Example
A simple HTML table:

<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
</table>

Try it Yourself »

Table Cells
Each table cell is defined by a <td> and a </td> tag.

td stands for table data.

Everything between <td> and </td> is the content of a table cell.

Example

[Link] 2/10
10/4/25, 7:31 AM HTML Tables

<table>
Tutorials 
<tr>
References  Exercises  Get Certified

<td>Emil</td>
HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C
<td>Tobias</td>
<td>Linus</td>
</tr>
</table>

Try it Yourself »

Note: A table cell can contain all sorts of HTML elements: text, images, lists, links, other
tables, etc.

ADVERTISEMENT

REMOVE ADS

 

Table Rows
Each table row starts with a <tr> and ends with a </tr> tag.

tr stands for table row.

Example
<table>
<tr>
<td>Emil</td>
<td>Tobias</td>
[Link] 3/10
10/4/25, 7:31 AM HTML Tables

<td>Linus</td>
 Tutorials 
</tr> References  Exercises  Get Certified
<tr>
HTML
 CSS JAVASCRIPT
<td>16</td> SQL PYTHON JAVA PHP HOW TO [Link] C
<td>14</td>
<td>10</td>
</tr>
</table>

Try it Yourself »

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.

Table Headers
Sometimes you want your cells to be table header cells. In those cases use the <th> tag
instead of the <td> tag:

th stands for table header.

Example
Let the first row be table header cells:

<table>
<tr>
<th>Person 1</th>
<th>Person 2</th>
<th>Person 3</th>
</tr>

[Link] 4/10
10/4/25, 7:31 AM HTML Tables

<tr>
 Tutorials 
<td>Emil</td> References  Exercises  Get Certified
<td>Tobias</td>
HTML
 CSS JAVASCRIPT
<td>Linus</td> SQL PYTHON JAVA PHP HOW TO [Link] C
</tr>
<tr>
<td>16</td>
<td>14</td>
<td>10</td>
</tr>
</table>

Try it Yourself »

By default, the text in <th> elements are bold and centered, but you can change that with
CSS.

HTML Table Tags

Tag Description

<table> Defines a table

<th> Defines a header cell in a table

<tr> Defines a row in a table

<td> Defines a cell in a table

<caption> Defines a table caption

<colgroup> Specifies a group of one or more columns in a table for formatting

<col> Specifies column properties for each column within a <colgroup> element

<thead> Groups the header content in a table

<tbody> Groups the body content in a table

[Link] 5/10
10/4/25, 7:31 AM HTML Tables

<tfoot>TutorialsGroups
 the footer content
References in a table
Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Video: HTML Tables

❮ Previous Next ❯

ADVERTISEMENT

[Link] 6/10
10/4/25, 7:31 AM HTML Tables
✕

 Tutorials  References  Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

COLOR PICKER

[Link] 7/10
10/4/25, 7:31 AM HTML Tables

 Tutorials  References  Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C

 

ADVERTISEMENT

REMOVE ADS

ADVERTISEMENT

ADVERTISEMENT

[Link] 8/10
10/4/25, 7:31 AM HTML Tables

 Tutorials  References  Exercises  Get Certified

HTML
 CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO [Link] C


 PLUS SPACES


GET CERTIFIED FOR TEACHERS

FOR BUSINESS CONTACT US

Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
[Link] Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
[Link] Reference
Bootstrap Reference
PHP Reference
HTML Colors
[Link] 9/10
10/4/25, 7:31 AM HTML Tables
Java Reference

 Tutorials  AngularJS Reference

References 
jQuery Reference
Exercises  Get Certified

HTML
 CSS
Top Examples
JAVASCRIPT SQL PYTHON JAVA PHP
Get HOW
Certified
TO [Link] C
HTML Examples HTML Certificate
CSS Examples CSS Certificate
JavaScript Examples JavaScript Certificate
How To Examples Front End Certificate
SQL Examples SQL Certificate
Python Examples Python Certificate
[Link] Examples PHP Certificate
Bootstrap Examples jQuery Certificate
PHP Examples Java Certificate
Java Examples C++ Certificate
XML Examples C# Certificate
jQuery Examples XML Certificate

    

FORUM ABOUT ACADEMY

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.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by [Link].

[Link] 10/10