Тег caption

Тег <caption>

Используется этот тег при создании таблицы. Стоит отметить, что применяется он не часто и не является обязательным, но знать его нужно. Возможно вам он понадобится.

Синтаксис

Этот тег парный.

<caption>Моя таблица</caption>

Создается из двух тегов: открывающего и закрывающего. Нужен он для указания заголовка таблицы. Между тегами <caption> пишется любой текст, который отражает суть таблицы. Указывается он после тега <table>, внутри таблицы.

Примеры использования

Указываем название таблицы.

 

Это самый простой пример использования. Здесь мы просто указали, что таблица называется «Мои увлечения» и состоит она из трех столбцов.

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

Данный код мы можем улучшить, добавив к заголовку нему стили.

 

В данном примере мы выделили заголовок. Для этого мы использовали strong, который поместили внутрь тега caption. Месторасположения caption не имеет принципиального значения, выводиться он будет в любом случае. Но, обычно он находится после открывающего table, ведь так получается логично. В конце таблицы очень редко указывается ее название.

Атрибут align

По умолчанию заголовок выводится в центре, но с помощью align можно изменить его положение.

 

Здесь мы применили атрибут align и указали его значение left. Это означает, что заголовок будет слева. Другие значения атрибута align: right (справа), center (по центру), top (вверху таблицы), bottom (внизу таблицы). Использовать такое выравнивание стоит осторожно, ведь данный атрибут считается устаревшим и не во всех версиях поддерживается.

Другие атрибуты

Существуют еще несколько атрибутов для caption.С помощью id можно указать идентификатор. Можно сделать всплывающую подсказку, указав атрибут title. Она будет появляться при наведении курсора на заголовок. Можно применить класс, указав class и встроенный стиль с помощью stile.

<caption id=»5″>Моя таблица</caption>

Синтаксис будет такой же, как и для тега align.

Существуют еще атрибуты для данного тега, ознакомиться с ними можно в справочнике.

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *