HTML теги. HTML списки. Тег OL
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и…
Таблица HTML. Тег COL. Оформление HTML таблицы
Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена HTML тегу <col>. Описание тега <col>, атрибуты тега <col>, синтаксис тега <col>, пример использования тега <col>. Тег <col> относится к группе тегов HTML таблицы.
Не забываем подписываться на RSS-ленту, twitter и на публичную страницу Вконтакте.
Содержание статьи:
HTML тег <col>. Описание тега <col>.
HTML тег <col> относится к тегам предназначенным для формирования HTML таблиц. Тег <col> служит для изменения характеристики одной или нескольких колонок таблиц. При помощи тега <col> вы можете задать ширину колонки в HTML таблице, выровнять содержимое колонки в таблице и т.д. У тега <col> есть особенность – если тег <col> задан для HTML таблицы, то любой браузер начнет отображать содержимое таблицы, даже если она загружена не полностью.
Тег <col> может находиться только внутри тега <table>, так как его предназначение – изменять характеристики колонок таблицы.
Тег <col>. Синтаксис тега <col>.
Тег <col> – одиночный HTML тег, для него закрывающий тег запрещен.
[php]
<table>
<col width=”1000”>
<tr>
<td>…</td>
</tr>
</table>
[/php]
Тег <col>. Атрибуты тега <col>.
Тег <col> из группы HTML таблиц, имеет атрибуты событий и универсальные HTML атрибуты. Для тега <col> доступны уникальные HTML атрибуты:
- align – атрибут align задает горизонтальное выравнивание содержимого колонки(по центру, по краю и т.д.)
- width – атрибут width задает ширину колонки
- span – при помощи атрибута span задается число колонок, к которым будет применены характеристики
- char – в значение атрибута char указывается символ, по которому будут выровнено содержимое колонки
- charoff – атрибут charoff принимает любое целое отрицательное или положительное число и смещает содержимое ячейки влево или вправо на заданное число символов
- valign – атрибут valign выравнивает содержимое колонки по вертикали
Теги для создания таблицы HTML
В языке HTML имеется целая группа тегов предназначенных для формирования HTML таблиц.
Теги, формирующие таблицы HTML:
Тег <col>. Пример использования тега <col>.
[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>
<col width="430">
<tr>
<th style="background: red">Первая ячейка</th>
<th>Вторая ячейка</th>
<th>Третья ячейка</th>
</tr>
<tr>
<th style="background: orange">Четвертая ячейка</th>
<th>Пятая ячейка</th>
<th>Шестая ячейка</th>
</tr>
</table>
</body>
</html>
[/php]
Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:
На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru
Выберете удобный для себя способ, чтобы оставить комментарий