Sobes.tech
Intern
105
questionbank

Какова структура таблицы в HTML?

AI答案

sobes.tech AI

Структура таблицы в HTML определяется несколькими элементами:

  • <table>: Оболочка таблицы.
  • <caption>: Необязательный заголовок таблицы.
  • <colgroup> и <col>: Необязательные элементы для группировки столбцов и применения стилей.
  • <thead>: Секция заголовков столбцов.
  • <tbody>: Секция основного содержимого таблицы.
  • <tfoot>: Секция нижнего колонтитула таблицы.
  • <tr>: Строка таблицы.
  • <th>: Ячейка заголовка в строке.
  • <td>: Ячейка данных в строке.

Элементы <thead>, <tbody> и <tfoot> помогают группировать строки по смыслу и могут использоваться браузерами для оптимизации отображения больших таблиц. Внутри этих секций располагаются элементы <tr>. Внутри <tr> находятся либо <th><thead>, иногда в <tbody> или <tfoot>), либо <td><tbody> и <tfoot>, иногда в <thead>).

Пример базовой структуры:

<table>
  <caption>
    Список товаров
  </caption>
  <thead>
    <tr>
      <th>Название</th>
      <th>Цена</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Товар 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Товар 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Итого: 250</td>
    </tr>
  </tfoot>
</table>