Litra Library

Главное меню

Самоучитель CSS
Свойства CSS
Самоучитель HTML
Тэги HTML
SEO и заработок на сайте
Скрипты
Ucoz

Вход

Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Главная » Статьи » WEB » Тэги HTML
CAPTION
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

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

Синтаксис

<table>
 <caption>Текст</caption>
...
</table>

Параметры

align Задает выравнивание заголовка по горизонтали.
valign Задает расположение заголовка до или после таблицы.

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

Обязателен.

Пример 1. Использование тега <CAPTION>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример использования тега CAPTION</title>
</head>
<body>

<table width="100%" border="1" cellspacing="0" cellpadding="5">
<caption>
Города-миллионники (города-миллионеры) России
</caption>

<tr>
<th>Номер п/п</th></td>
<th>Город</th></td>
<th>Население,тыс. чел (01.01.2007)</th></td>
</tr>
<tr>
<td>1</td>
<td>Москва</td>
<td>10443</td>
</tr>
<tr>
<td>2</td>
<td>Санкт-Петербург</td>
<td>4571</td>
</tr>
<tr>
<td>3</td>
<td>Новосибирск</td>
<td>1392</td>
</tr>
<tr>
<td>4</td>
<td>Екатеринбург</td>
<td>1315</td>
</tr>
<tr>
<td>5</td>
<td>Нижний Новгород</td>
<td>1278</td>
</tr>
<tr>
<td>6</td>
<td>Самара</td>
<td>1139</td>
</tr>
<tr>
<td>7</td>
<td>Омск</td>
<td>1135</td>
</tr>
<tr>
<td>8</td>
<td>Казань</td>
<td>1116</td>
</tr>
<tr>
<td>9</td>
<td>Челябинск</td>
<td>1092</td>
</tr>
<tr>
<td>10</td>
<td>Ростов-на-Дону</td>
<td>1052</td>
</tr>
<tr>
<td>11</td>
<td>Уфа</td>
<td>1023</td>
</tr>
</table>

</body>
</html>

Описание параметров тега <CAPTION>

Параметр ALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр align определяет выравнивание заголовка относительно таблицы. Результат его действия зависит от используемого браузера и установленного значения.

Синтаксис

<caption align="left | center | right | top | bottom">...</caption>

Аргументы

left В браузере Internet Explorer и Opera располагает заголовок сверху и выравнивает его по левому краю таблицы. В Firefox заголовок располагается слева от таблицы.
right В браузере Internet Explorer и Opera располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Netscape параметр игнорируется, а в Firefox заголовок располагается от таблицы справа.
center Заголовок располагается сверху таблицы по ее центру.
top Результат аналогичен действию параметра center, но в отличие от него входит в спецификацию HTML 4 и понимается всеми браузерами.
bottom Заголовок размещается внизу таблицы по ее центру.

Значение по умолчанию

center - для браузера Internet Explorer; top - для других браузеров.

Аналог в CSS

text-align

Пример 2. Выравнивание заголовка

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега CAPTION, параметр align</title>
</head>
<body>

<table width="100%" border="1" cellspacing="0" cellpadding="5">
<caption>
Города-миллионники (города-миллионеры) России
</caption>

<tr>
<th>Номер п/п</th></td>
<th>Город</th></td>
<th>Население,тыс. чел (01.01.2007)</th></td>
</tr>
<tr>
<td>1</td>
<td>Москва</td>
<td>10443</td>
</tr>
<tr>
<td>2</td>
<td>Санкт-Петербург</td>
<td>4571</td>
</tr>
<tr>
<td>3</td>
<td>Новосибирск</td>
<td>1392</td>
</tr>
<tr>
<td>4</td>
<td>Екатеринбург</td>
<td>1315</td>
</tr>
<tr>
<td>5</td>
<td>Нижний Новгород</td>
<td>1278</td>
</tr>
<tr>
<td>6</td>
<td>Самара</td>
<td>1139</td>
</tr>
<tr>
<td>7</td>
<td>Омск</td>
<td>1135</td>
</tr>
<tr>
<td>8</td>
<td>Казань</td>
<td>1116</td>
</tr>
<tr>
<td>9</td>
<td>Челябинск</td>
<td>1092</td>
</tr>
<tr>
<td>10</td>
<td>Ростов-на-Дону</td>
<td>1052</td>
</tr>
<tr>
<td>11</td>
<td>Уфа</td>
<td>1023</td>
</tr>
</table>
</body>
</html>

Параметр VALIGN

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Параметр valign предназначен для размещения заголовка до таблицы или после нее. Данный параметр работает только в браузере Internet Explorer, а для всех остальных применяется align. Тем не менее, параметр align корректно действует и для IE, поэтому сочетание параметров align и valign необходимо только для этого браузера, когда требуется одновременное выравнивание заголовка по вертикали и горизонтали.

Синтаксис

<caption valign="bottom | top">...</caption>

Аргументы

bottom Заголовок размещается под таблицей.
top Заголовок размещается перед таблицей.

Значение по умолчанию

top

Пример 3. Заголовок внизу таблицы

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега CAPTION, параметр valign</title>
</head>
<body>
<table width="60%" border="1" cellspacing="1" cellpadding="4">
<caption align="right" valign="bottom">
Пример таблицы
</caption>
<tr><td>...</td></tr>
</table>
</body>
</html>
Категория: Тэги HTML | Добавил: expert1 (31.01.2013)
Просмотров: 295 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^