Тег <col>

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

            
  <table>
   <col атрибуты>
   <tr>
    <td>содержимое ячейки</td>
   </tr>
  </table>
            
            

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

Атрибуты тега <col>

span - задает количество колонок, к которым необходимо применять параметры.

width – задает колонкам ширину.

Пример:

        
<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег COL</title>
    <meta charset="utf-8">
  </head>
  <body>
  <table width="500" border="2" cellspacing="0" cellpadding="3">
   <colgroup>
    <col span="2" style="background-color: #00FF00">
    <col style="background-color: #0066FF"> 
   </colgroup> 
   <tr>
    <th>Код</th>
    <th>Товар</th>
    <th>Цена</th>
   </tr>
   <tr> 
    <td>004677567</td>
    <td>Мандарины</td>
    <td>1000 р.</td>
   </tr>
  </table>
  </body>
</html> 
			
            
Смотреть пример