Table
A table
organizes data into rows and columns.
In HTML, you can create tables on a web page using the <table>
tag.
Basic Structure
The main tags for creating a table are as follows:
-
<table>
: Creates a table element -
<tr>
: Defines a row in a table. It stands for "table row." -
<td>
: Defines a data cell. It stands for "table data." -
<th>
: Defines a header cell. It is usually displayed in bold.
Example Usage
Below is a simple table example.
Table Example
<table border="1">
<tr>
<th>Name</th>
<th>Age</th>
<th>Occupation</th>
</tr>
<tr>
<td>John</td>
<td>25</td>
<td>Developer</td>
</tr>
<tr>
<td>Jane</td>
<td>28</td>
<td>Designer</td>
</tr>
</table>
This example creates a 3x3
table where the first row consists of header cells and the subsequent rows contain data cells.
Additional Table Tags
There are other tags available for more sophisticated table structures.
-
<thead>
: Groups the header content in a table -
<tbody>
: Groups the body content in a table -
<tfoot>
: Groups the footer content in a table
Want to learn more?
Join CodeFriends Plus membership or enroll in a course to start your journey.