Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Learn Creating and Structuring HTML Tables | Tables and Forms
HTML Essentials

bookCreating and Structuring HTML Tables

Tables in HTML are used to display data in rows and columns, providing a structured way to organize information.

Creating Tables

Use the <table> tag to create a table. Rows are defined with <tr> and cells with <td>. Here's the basic structure:

index.html

index.html

copy
  • <table> creates the table;
  • <tr> creates a row;
  • <td> creates a cell inside a row.

Table Headers

Use <th> for column or row headings. Header cells usually go inside a <thead> section.

index.html

index.html

copy
  • <thead> wraps header rows;
  • <th> defines header cells.

Table Body

The <tbody> section follows <thead> and wraps the main table data (the regular rows).

index.html

index.html

copy

Summarizing

Tables consist of these elements:

  • <table>: main table container;
  • <thead>: header row(s) with <th>;
  • <tbody>: data rows with <td>;
  • <tr>: a table row;
  • <td>/<th>: data cell / header cell.
index.html

index.html

copy

1. Which tag is used to create a table?

2. Which tag represents a row within the table?

3. What is the purpose of the <tbody> tag?

question mark

Which tag is used to create a table?

Select the correct answer

question mark

Which tag represents a row within the table?

Select the correct answer

question mark

What is the purpose of the <tbody> tag?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 1

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you explain the difference between <thead> and <tbody> again?

What is the purpose of using <th> instead of <td> for headers?

Can you show an example of a simple HTML table?

bookCreating and Structuring HTML Tables

Swipe to show menu

Tables in HTML are used to display data in rows and columns, providing a structured way to organize information.

Creating Tables

Use the <table> tag to create a table. Rows are defined with <tr> and cells with <td>. Here's the basic structure:

index.html

index.html

copy
  • <table> creates the table;
  • <tr> creates a row;
  • <td> creates a cell inside a row.

Table Headers

Use <th> for column or row headings. Header cells usually go inside a <thead> section.

index.html

index.html

copy
  • <thead> wraps header rows;
  • <th> defines header cells.

Table Body

The <tbody> section follows <thead> and wraps the main table data (the regular rows).

index.html

index.html

copy

Summarizing

Tables consist of these elements:

  • <table>: main table container;
  • <thead>: header row(s) with <th>;
  • <tbody>: data rows with <td>;
  • <tr>: a table row;
  • <td>/<th>: data cell / header cell.
index.html

index.html

copy

1. Which tag is used to create a table?

2. Which tag represents a row within the table?

3. What is the purpose of the <tbody> tag?

question mark

Which tag is used to create a table?

Select the correct answer

question mark

Which tag represents a row within the table?

Select the correct answer

question mark

What is the purpose of the <tbody> tag?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 4. ChapterΒ 1
some-alt