Что такое таблицы в HTML

Основные элементы таблицы

• <table>: Основной контейнер для таблицы.
• <tr>: Определяет строку таблицы.
• <th>: Определяет заголовок столбца (обычно выделяется жирным шрифтом).
• <td>: Определяет ячейку таблицы, содержащую данные.

Примеры таблиц

Пример простой таблицы:

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

Пример таблицы с атрибутами:

<table border="1">
  <tr>
    <th>Продукт</th>
    <th>Цена</th>
  </tr>
  <tr>
    <td>Яблоки</td>
    <td>100 руб.</td>
  </tr>
  <tr>
    <td>Бананы</td>
    <td>80 руб.</td>
  </tr>
</table>

Заключение

Таблицы являются важным инструментом для представления данных в HTML. Они помогают организовать информацию и делают ее более доступной для пользователей. Правильное использование таблиц улучшает структуру и читаемость веб-страниц.

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