Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Створення та структурування HTML-таблиць | Section
Practice
Projects
Quizzes & Challenges
Вікторини
Challenges
/
Основи HTML

bookСтворення та структурування HTML-таблиць

Свайпніть щоб показати меню

Таблиці в HTML використовуються для відображення даних у рядках і стовпцях, забезпечуючи структурований спосіб організації інформації.

Створення таблиць

Використовуйте тег <table> для створення таблиці. Рядки визначаються за допомогою <tr>, а комірки — за допомогою <td>. Ось базова структура:

index.html

index.html

copy
  • <table> створює таблицю;
  • <tr> створює рядок;
  • <td> створює комірку всередині рядка.

Заголовки таблиці

Використовуйте <th> для заголовків стовпців або рядків. Комірки заголовків зазвичай розміщуються в секції <thead>.

index.html

index.html

copy
  • <thead> охоплює рядки заголовка;
  • <th> визначає комірки заголовка.

Основна частина таблиці

Секція <tbody> йде після <thead> і охоплює основні дані таблиці (звичайні рядки).

index.html

index.html

copy

Підсумок

Таблиці складаються з таких елементів:

  • <table>: основний контейнер таблиці;
  • <thead>: рядок(и) заголовка з <th>;
  • <tbody>: рядки даних з <td>;
  • <tr>: рядок таблиці;
  • <td>/<th>: комірка даних / комірка заголовка.
index.html

index.html

copy

1. Який тег використовується для створення таблиці?

2. Який тег позначає рядок у таблиці?

3. Яке призначення тега <tbody>?

question mark

Який тег використовується для створення таблиці?

Select the correct answer

question mark

Який тег позначає рядок у таблиці?

Select the correct answer

question mark

Яке призначення тега <tbody>?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 22

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 22
some-alt