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

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

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

HTML тег <col>. Описание тега <col>.

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

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

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

Тег <col> может находиться только внутри тега <table>, так как его предназначение – изменять характеристики колонок таблицы.

Тег <col>. Синтаксис тега <col>.

Тег <col> – одиночный HTML тег, для него закрывающий тег запрещен.

<table>

<col width=”1000”>

<tr>

<td>…</td>

</tr>

</table>

<table>

<tr>

</tr>

</table>

Тег <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>.

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

<!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 style="background: red">Первая ячейка</th>

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

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

</tr>

<tr>

<th style="background: orange">Четвертая ячейка</th>

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

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

</tr>

</table>

</body>

</html>

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

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