Codebra
25 января 2026 в 06:25

Урок 37. Заголовок (тег CAPTION) HTML-таблиц

Урок познакомит вас с заголовками таблиц. Небольшая практика по HTML.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.

📋 Задание
  • Для написанной таблицы добавьте заголовок с любым содержанием

В предыдущем уроке вы изучили теги <thead>, <tbody>, <tfoot>, <th> и теперь можете создавать более структурированные HTML-таблицы. В этом уроке дополним наши знания еще одним структурным элементом, без которого таблица будет не такой информативной - тег <caption>.

Заголовок таблицы создается при помощи тега <caption>. Он должен находиться сразу после тега <table>. Он отображается сверху таблицы. Далее пример:

<table width = "100%" border = "2">
    <caption>Заголовок таблицы 1.0</caption>
    <tr>
        <td>Ячейка 1</td>
        <td>Ячейка 2</td>
    </tr>
</table>

Много о теге <caption> не расскажешь. Его можно использовать для создания описания, пояснения к таблице и сделать ее более доступной для людей с ограниченными возможностями. В следующем уроке мы снова окунемся немного в CSS и научимся создавать отступы между ячейками.

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.