Тег caption
Тег caption предназначен для создания заголовка всей HTML таблицы. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий ее содержание.
Тег caption может размещаться только внутри тега table , причем сразу после открывающего тега.
Пример
Давайте добавим таблице заголовок caption :
| Имя | Фамилия | Зарплата |
|---|---|---|
| Иван | Иванов | 200$ |
| Николай | Сидоров | 1000$ |
table, td, th < border: 1px solid black; >
Caption html что это
Тег (от англ. caption — заголовок, подпись) предназначен для создания заголовка к таблице и может размещаться только внутри контейнера , причём сразу после открывающего тега.
Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий её содержание.
Демо¶
Синтаксис¶
1 2 3 4 5 6 7 8
table> caption> Текст caption> tr> td>. td> tr> table> Закрывающий тег обязателен.
Атрибуты¶
Для этого элемента доступны универсальные атрибуты.
Спецификации¶
- WHATWG HTML Living Standard
- HTML5
- HTML 4.01 Specification
Описание и примеры¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
html> head> meta charset="utf-8" /> title>CAPTIONtitle> style> table width: 100%; > td border: 1px solid #000; padding: 4px; > style> head> body> table> caption> Таблица 3.2. Демонстрация катаболических процессов организма caption> tr> th>th> th>Чебурашкаth> th>Крокодил Генаth> th>Шапоклякth> tr> tr> td>Съел, кгtd> td>5td> td>2td> td>1td> tr> tr> td>Выпил, лtd> td>6td> td>8td> td>2td> tr> tr> td>Смог, разtd> td>5td> td>5td> td>1td> tr> table> body> html> Caption html что это
align Определяет выравнивание заголовка по горизонтали. valign Устанавливает расположение заголовка до или после таблицы.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
HTML5 IE Cr Op Sa Fx
Тег CAPTION Таблица 3.2. Демонстрация катаболических процессов организма Чебурашка Крокодил Гена Шапокляк Съел, кг 5 2 1 Выпил, л 6 8 2 Смог, раз 5 5 1
Результат данного примера показан на рис. 1.
Рис. 1. Вид заголовка таблицы
Статьи по теме
Что такое caption в HTML5?
Важно! Используйте этот тег сразу же после открывающего тега table. Требует закрывающий тег
.
- valign — отступы по вертикали;
- align — расположение заголовка по горизонтали.
Название таблицы здесь Номер Название машины Модель 1 Audi Q7
| Номер | Название машины | Модель |
|---|---|---|
| 1 | Audi | Q7 |