Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и 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++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий