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

Тег <colgroup>

Браузер
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  
Описание
Тег <colgroup> предназначен для задания ширины и стиля одной или нескольких колонок таблицы. Этот тег позволяет уменьшить код таблицы за счет сокращения повторяющихся параметров, и при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <colgroup> можно использовать в комбинации с тегом <col>, который определяет характеристики одной или нескольких колонок.
Обычно закрывающий тег не требуется, но если <colgroup> выступает как контейнер для элементов <col>, тогда следует добавить тег </colgroup> в конце группы.
Разница между свойствами тегов <colgroup> и <col> не очень велика и состоит в следующем. <colgroup> позволяет объединять колонки в определенные группы, также при добавлении параметра rules="groups" к тегу <table> браузер будет рисовать линию только между колонками, созданными с помощью <colgroup>. В остальных случаях поведение колонок назначенных через элементы <colgroup> и <col> идентично.
Синтаксис
HTML
<table>
 <colgroup параметры>
 <tr>
  <td>
...</td>
 </tr>
</table>
XHTML
<table>
 <colgroup параметры />
 <tr>
  <td>
...</td>
 </tr>
</table>
Аргументы
align - Устанавливает выравнивание содержимого колонки по краю.
char - Выравнивает содержимое колонки по заданному символу.
charoff - Сдвигает содержимое ячейки относительно заданного символа.
span - Количество колонок, к которым следует применять параметры.
valign - Задает вертикальное выравнивание содержимого колонки.
width - Ширина колонок.
Закрывающий тег
Не обязателен.
Пример. Использование тега <colgroup>

<!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>Тег COLGROUP</title>
</head>
<body>
 <table width="450" cellpadding="2" cellspacing="0" border="1" rules="groups">
  <colgroup
width="150">
   <colgroup
span="9" align="center" width="50">
   <col
span="5">
   <col
span="4">
  </colgroup>
  <tr>
   <td>
&nbsp;</td><td>1995</td><td>1996</td><td>1997</td>
   <td>
1998</td><td>1999</td><td>2000</td><td>2001</td>
   <td>
2002</td><td>2003</td>
  </tr>
  <tr>
   <td>
Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
   <td>
3</td><td>34</td><td>62</td><td>74</td><td>57</td>
  </tr>
  <tr>
   <td>
Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
   <td>
4</td><td>69</td><td>72</td><td>56</td><td>47</td>
  </tr>
  <tr>
   <td>
Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
   <td>
7</td><td>73</td><td>79</td><td>34</td><td>86</td>
  </tr>
 </table>

</body>
</html>

Демонстрация примера
Браузеры Chrome и Safari не поддерживают атрибут align.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

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

© 2006-2024, heroes-3.ru