HTML теги. HTML списки. Тег DT
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <caption>. Описание тега <caption>, атрибуты тега <caption>, синтаксис тега <caption>, пример использования тега <caption>. Тег <caption> относится к группе тегов HTML таблицы.
Не забываем подписываться на RSS-ленту, twitter и на публичную страницу Вконтакте.
Содержание статьи:
HTML тег <caption> относится к тегам предназначенным для формирования HTML таблиц. Тег <caption> создает заголовок HTML таблицы и может располагаться только внутри элемента <table> и только сразу после открывающего тега <table>. Обратите внимание заголовок – это описание таблицы и её содержимого или название таблицы, но не шапка таблицы, которая формируется тегом <th>. По умолчанию любой браузер будет отображать содержимое элемента <caption> над таблицей.
Тег <caption> является парным HTML тегом, для парных тегов закрывающий тег обязателен.
1 2 3 4 5 |
<table> <caption>Название таблицы</caption> </table> |
Тег <caption> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <caption> имеются уникальные атрибуты HTML:
В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.
Теги формирующие таблицы HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!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> |
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий