Далее на странице
Тег <caption> предназначен для создания заголовка к таблице.
Располагается внутри тега <table> сразу после открывающего тега.
Атрибут Align
Атрибут align тега caption - выравнивание заголовка по горизонтали/вертикали.
- left - заголовок располагается вверху таблицы и выравнивается по левому краю, либо располагается слева от таблицы
- center – заголовок располагается вверху таблицы и выравнивается по центру
- right - заголовок располагается вверху таблицы и выравнивается по правому краю, либо располагается справа от таблицы
- top – заголовок располагается вверху таблицы и выравнивается по центру
(в отличие от center воспринимается всеми браузерами)
- bottom - заголовок располагается внизу таблицы и выравнивается по центру
<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, то заголовок таблицы расположен слева над таблицей.
