Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

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

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

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

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

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

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

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Общая информация и форматирование таблицВерстка таблиц
Заголовок в HTML - тег TITLEЗнакомство с HTML
Тег TR в HTML таблицахТаблицы в HTML
Тег TD в HTML таблицахТаблицы в HTML
Что такое CSS?Знакомство с CSS
Одинарные теги в HTMLЗнакомство с HTML
Cтруктурирование HTML-таблицТаблицы в HTML
Селекторы классов и идентификаторовСелекторы в CSS
Альтернативный текст и группировка элементов тегом figure в HTMLИзображения в HTML
Раздел «Таблицы в HTML»
45. УРОК: 1. Что такое таблица в HTML
46. УРОК: 2. Тег TR в HTML таблицах
47. УРОК: 3. Тег TD в HTML таблицах
48. ПРАКТИКА: 4. Практика по атрибутам colspan и rowspan
49. ПРАКТИКА: 5. Вторая практика по атрибутам colspan и rowspan
50. УРОК: 6. Рамки для таблиц, строк и ячеек в HTML
51. УРОК: 7. Cтруктурирование HTML-таблиц
УРОК 52. 8. Заголовок (тег CAPTION) HTML-таблиц
Вы здесь
53. УРОК: 9. Отступы между ячейками в HTML-таблицах
54. УРОК: 10. Работаем с цветами в HTML-таблице
55. УРОК: 11. Цветные строки в HTML-таблице
56. ПРАКТИКА: 12. Практика поиска ошибок в HTML-таблицах
57. ТЕСТ: 13. Тест по разделу «Таблицы в HTML»
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 6. Формы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 23. Практика с htmlbook.ru
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно