Тег <col>

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

поддержка браузерами:

IExplorer	Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	1.0+	6.0+	1.0+	1.0+	1.0+	1.0+

спецификация:

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

синтаксис:

HTML
<table>
  <col атрибуты>
  <tr>
   <td>...</td>
  </tr>
</table>

XHTML
<table>
  <col атрибуты />
  <tr>
   <td>...</td>
  </tr>
</table>

атрибуты:

align - Задает выравнивание содержимого колонок по горизонтали.
char - Атрибут char заставляет выравниваться содержимое колонки по заданному символу.
charoff - Если атрибут align установлен как char, а для атрибута char в качестве значения задан символ, то с помощью атрибута charoff можно смещать содержимое ячейки влево или вправо относительно заданного символа.
span - Определяет число колонок, к которым будут применяться заданные характеристики.
valign - Устанавливает вертикальное выравнивание содержимого колонки.
width - Задает ширину колонки.

закрывающий тег:

Не требуется.

пример кода:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <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>

Все продукты и сервисы

Тег <col>