Таблица HTML. Тег CAPTION. Заголовок HTML таблицы. | IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

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

Не забываем подписываться на RSS-ленту, twitter и на публичную страницу Вконтакте.

Таблица HTML. HTML тег <caption>. Описание <caption>.

Содержание статьи:

Таблица HTML. HTML тег <caption>. Описание <caption>.
Таблица HTML. Тег <caption>. Синтаксис тега <caption>.
Тег <caption>. Атрибуты тега <caption>.
Теги для создания таблицы HTML
Тег <caption>. Пример использования тега <caption>.

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

Таблица HTML. Тег <caption>. Синтаксис тега <caption>.

Тег <caption> является парным HTML тегом, для парных тегов закрывающий тег обязателен.

<table>

<caption>Название таблицы</caption>

</table>

<table>

<caption>Название таблицы</caption>

</table>

Тег <caption>. Атрибуты тега <caption>.

Тег <caption> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <caption> имеются уникальные атрибуты HTML:

align – атрибут align устанавливает горизонтальное выравнивание заголовка таблицы
valign – атрибут valign указывает где должен находиться заголовок таблицы: сверху или снизу

Теги для создания таблицы HTML

В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.

Теги формирующие таблицы HTML:

Тег <caption>. Пример использования тега <caption>.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Создание HTML таблицы</title>
<link rel="stylesheet" href="style.css" type="text/css" >
</head>
<body>
<table>
<caption>Заголовок HTML таблицы</caption>
<tr>
<th>Первая ячейка</th>
<th>Вторая ячейка</th>
<th>Третья ячейка</th>
</tr>
<tr>
<th>Четвертая ячейка</th>
<th>Пятая ячейка</th>
<th>Шестая ячейка</th>
</tr>
</table>
</body>

</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Создание HTML таблицы</title>

</head>

<body>

<table>

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

<tr>

<th>Первая ячейка</th>

<th>Вторая ячейка</th>

<th>Третья ячейка</th>

</tr>

<tr>

<th>Четвертая ячейка</th>

<th>Пятая ячейка</th>

<th>Шестая ячейка</th>

</tr>

</table>

</body>

</html>

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru