HTML Tables

Beginner ~10 min read

Defining a Table

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

<table> - Defines the table
<tr> - Defines a table row
<th> - Defines a table header
<td> - Defines a table cell (data)

HTML

CSS

<table border=" 1">\n <tr>\n <th>
                                                        Firstname</th>\n <th>Lastname</th>\n <th>Age</th>\n </tr>\n <tr>
                                                    \n <td>Jill</td>\n <td>Smith</td>\n <td>50</td>\n </tr>\n <tr>\n
                                                    <td>Eve</td>\n <td>Jackson</td>\n <td>94</td>\n </tr>\n</table>

Table Borders

If you don't specify a border for the table, it will be displayed without borders. You can add borders using CSS.

HTML

CSS

<table>\n  <tr>\n    <th>Name</th>\n    <th>Age</th>\n  </tr>\n  <tr>\n    <td>John</td>\n    <td>25</td>\n  </tr>\n</table>

Quick Quiz

Which tag is used to define a table row?

Previous Lists

Next Forms

Defining a Table

Table Borders

Quick Quiz

Enjoying these tutorials?