html.okpython.net
Основы создания сайтов
HTML :: Тег <caption>
В HTML тег <caption> (от англ. caption – заголовок) используется для создания заголовка таблицы и должен находится внутри элемента <table> сразу после открывающего тега. По умолчанию браузеры отображают заголовок над таблицей с выравниванием по центру. Однако изменить внешний вид и расположение заголовка, весьма просто при помощи CSS.
Синтаксис
<table>
<caption>Заголовок</caption>
<tr>
<td>...</td>
</tr>
</table>
Закрывающий тег: обязателен.
Атрибуты
Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/tables.html#the-caption-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/caption
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <!-- Для оформления используем стили, а не атрибуты --> <style> table, th,td{ border: 1px solid black; } table{ border-collapse: collapse } </style> </head> <body> <table> <!-- Заголовок таблицы --> <caption>Простая таблица с заголовком</caption> <!-- Первая строка таблицы --> <tr> <!-- 2 заголовочные ячейки --> <th>1-я колонка</th> <th>2-я колонка</th> </tr> <tr> <!-- 2 обычные ячейки --> <td>Я – первая ячейка второй строки </td> <td>Я – вторая ячейка второй строки</td> </tr> <tr> <td>Я – первая ячейка третьей строки</td> <td>Я – вторая ячейка третьей строки</td> </tr> </table> </body> </html>
Пример №1