Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele 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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 23

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

bookCreating and Structuring HTML Tables

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 1. Luku 23
some-alt