Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Тег <col>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Тег <col> задает ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <col> можно использовать совместно с тегом <colgroup>, который задает группу колонок, обладающих общими параметрами.
Синтаксис
HTML
<table>
 <col параметры>
 <tr>
  <td>
...</td>
 </tr>
</table>
XHTML
<table>
 <col параметры />
 <tr>
  <td>
...</td>
 </tr>
</table>
Аргументы
align - Устанавливает выравнивание содержимого колонки по краю.
char - Выравнивает содержимое колонки по заданному символу.
charoff - Сдвигает содержимое ячейки относительно заданного символа.
span - Количество колонок, к которым следует применять параметры.
valign - Задает вертикальное выравнивание содержимого колонки.
width - Ширина колонок.
Закрывающий тег
Не требуется.
Пример. Использование тега <col>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег COL</title>
</head>
<body>
 <table width="400" border="0" cellpadding="5" cellspacing="0">
  <col
width="150" valign="top">
  <col
width="250" valign="top">
  <tr>
   <td
style="background: #B0B28E">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
   </td>
   <td
style="background: #CCCCCC">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
   </td>
  </tr>
 </table>

</body>
</html>

Демонстрация примера
Рис. 1. Вид колонок в браузере Opera
В браузерах Firefox, Safari и Chrome текст по верхнему краю ячейки выравниваться не будет (рис. 2).
Рис. 2. Вид колонок в браузере Safari
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2024, heroes-3.ru