Заголовок таблицы или ее подпись. HTML-тег caption.

ВИДЕОКУРС HTML. УРОК 45.

Рубрикатор статьи

В прошлом видео уроке мы приступили к знакомству с HTML-таблицами. Узнали, как сделать таблицу в HTML? Познакомились с тремя HTML-тегами, которые нужны для создания таблицы. И наконец, изучили огромное количество атрибутов для таблиц.

Сегодня мы продолжаем знакомство с таблицами. В этом видео уроке, рекордно коротком, но информативном мы познакомимся с еще одним HTML-тегом — <caption>.

Заголовок таблицы или ее подпись. HTML-тег caption.

Тег <caption> позволит нам добавить некую подпись для таблицы, которую сможет увидеть посетитель. Также стоит отметить, что эту подпись еще можно назвать заголовком таблицы, хоть это и не совсем правильно. Заголовок таблицы нужен, чтобы для каждой таблицы на странице, если она не одна, мы могли указать название, которое может очень помочь посетителям в ориентировании по странице.

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

Представьте, что у Вас на странице несколько таблиц, довольно похожих по структуре. Тогда вопрос ориентирования среди этих таблиц может встать наиболее остро. Именно для выхода из таких ситуаций и существует тег <caption>.

Добавить заголовок к таблице довольно просто. Для этого достаточно добавить парный тег <caption> в HTML-документ. И между тегами написать собственно название таблицы. Очень важно помнить, что HTML-тег <caption> должен прописываться сразу после открывающего тега <table>, о котором мы говорили в прошлый раз.

Пример того, как будет выглядеть сам тег в HTML-коде:

<caption>Заголовок таблицы</caption>

Если же говорить об общей структуре и внедрении в HTML-код таблицы, то пример будет выглядеть так (использована простая таблица из предыдущей статьи):

<table border="1">
<caption>Заголовок таблицы</caption>
<tr><td>Ячейка 1-1</td><td>Ячейка 1-2</td><td>Ячейка 1-3</td></tr>
<tr><td>Ячейка 2-1</td><td>Ячейка 2-2</td><td>Ячейка 2-3</td></tr>
<tr><td>Ячейка 3-1</td><td>Ячейка 3-2</td><td>Ячейка 3-3</td></tr>
</table>

Что касается атрибутов для данного тега. То к нему могут применяться только универсальные атрибуты.

Видео урок: Заголовок таблицы или ее подпись. HTML-тег caption.

HTML-справочник и другие материалы можно и нужно скачать здесь!

Продолжение следует…

Видеокурс "Технические секреты групп Вконтакте" доступен для скачивания!

Не получается сделать меню в группе Вконтакте? Устали платить другим за добавление меню в Вашу группу? Хотели бы научится всем техническим тонкостям и экономить свои деньги? Тогда скачайте курс прямо сейчас!

VN:F [1.9.22_1171]
Оценка статьи: 0.0/10 (0 голосов)
Автор: Михаил Веб Дата публикации: 18.06.2014