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

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

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

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

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

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

[php]

<table>

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

</table>

[/php]

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

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

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

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

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

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

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

[php]

<!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>

[/php]

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

Заголовок таблицы HTML

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

Возможно, эти записи вам покажутся интересными


Выберете удобный для себя способ, чтобы оставить комментарий

Leave a Comment

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

Loading Disqus Comments ...