Тег table в HTML: что это такое?

Синтаксис тега table

Базовый синтаксис тега table выглядит следующим образом:

<table>
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
</table>

Атрибуты тега table

Тег table поддерживает следующие атрибуты:

• border - задает ширину границы таблицы.
• cellpadding - задает отступы внутри ячеек.
• cellspacing - задает расстояние между ячейками.
• width - задает ширину таблицы.

Примеры использования тега table

<table>
  <tr>
    <th>Имя</th>
    <th>Возраст</th>
  </tr>
  <tr>
    <td>Иван</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Мария</td>
    <td>25</td>
  </tr>
</table>

Советы по использованию тега table

• Используйте thead, tbody и tfoot для структурирования таблицы.
• Старайтесь избегать использования таблиц для оформления, используйте CSS.
• Обеспечьте доступность таблиц с помощью атрибутов scope и summary.

Часто задаваемые вопросы (FAQ)

1 Как правильно использовать тег table?

Тег table используется для создания таблиц, которые могут содержать строки и ячейки с данными.

2 Нужен ли закрывающий тег для table?

Да, тег table требует закрывающего тега.

Заключение

Тег table является важным инструментом для представления данных в структурированном виде. Правильное использование этого тега и его атрибутов поможет создать удобные и понятные таблицы на веб-страницах.

Для получения дополнительной информации о теге table, рекомендуем ознакомиться с официальной документацией на MDN.