Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprenda Creating and Structuring HTML Tables | Section
HTML Basics for Absolute Beginners (Sliced) - 1768407373666

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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 23

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookCreating and Structuring HTML Tables

Deslize para mostrar o 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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 23
some-alt