HTML Tables

HTML Tables

How to use tables on your websites.

HTML Tables are usually used for the following reasons.

• A method to display data to the client

• A method to divide content and style it (not best practice)

Example of a table :

This is a basic table. As we can see it has a pattern of some elements that help build it.

Table Elements

• The HTML <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

• The HTML <tr> element defines a row of cells in a table. The row's cells can then be established using a mix of  (data cell) and  (header cell) elements.

• The HTML <td> element defines a cell of a table that contains data. It participates in the table model.

• = A method to add metadata to a cell. It is design to allow you to add elements to a table. Also known as a table element.

Example of what a table looks like.

Table being Modify

As we can see we can modify the text in the "Made up bird" table.

Time for a Live Demo

;)

Multiple Choice

Which tags start and finish an HTML table element?

• <tab> </tab>
• <table> <table>
• <tr> </tr>
• <table> </table>

Multiple Choice

Which of the following will create a column in an HTML table?

• <col>
• <td>
• <tcol>
• <data>

Multiple Choice

Which of the following tags is used to create a heading within an HTML table?

• <h1>
• <head>
• <th>
• <h2>

Multiple Choice

Which of the following tag is used to begin creating a table in an HTML document?

• <table>

• <tbl>

• </table>

• </tbl>

HTML Tutorial: Learn HTML For Free | CodecademyMini Arrow Down IconCodecademy LogoArrow Chevron Down Filled IconArrow Chevron Down Filled IconArrow Chevron Down Filled IconSearch IconCodecademy LogoMenu IconTwitter IconFacebook IconInstagram IconYoutube Icon

You can open this webpage in a new tab.

Copy link

Open in new tab