«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML



Далее на странице



Тег <caption> предназначен для создания заголовка к таблице.

Располагается внутри тега <table> сразу после открывающего тега.

Закрывающий тег

Обязателен


Атрибут Align

Атрибут align тега caption - выравнивание заголовка по горизонтали/вертикали.

Значение/я атрибута:

- left - заголовок располагается вверху таблицы и выравнивается по левому краю, либо располагается слева от таблицы
- center – заголовок располагается вверху таблицы и выравнивается по центру
- right - заголовок располагается вверху таблицы и выравнивается по правому краю, либо располагается справа от таблицы
- top – заголовок располагается вверху таблицы и выравнивается по центру
(в отличие от center воспринимается всеми браузерами)
- bottom - заголовок располагается внизу таблицы и выравнивается по центру

Значение по умолчанию:
top
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег caption </title>
</head>
<body>

<p> <table border="1" width="400px">
<caption align="left"> Заголовок таблицы </caption>
<tr> <td>
1 </td> <td> 2 </td> </tr>
</table>
</p>
<p> <table border="1" width="400px">
<caption align="bottom"> Заголовок таблицы </caption>
<tr> <td>
1 </td> <td> 2 </td> </tr>
</table>
</p>

</body>
</html>
Результат

Пояснение к примеру

Значения left и right по-разному воспринимаются браузерами.

Если Вы просматриваете эту страницу в браузере Mozilla Firefox, то заголовок таблицы расположен сбоку, слева от таблицы.

Если же Вы просматриваете эту страницу в браузере Opera, то заголовок таблицы расположен слева над таблицей.





Все теги HTML

HTML по шагам

Тематические публикации

Тематические публикации