Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/22: Рейтинг темы: голосов - 22, средняя оценка - 5.00
 Аватар для Викдон
67 / 67 / 24
Регистрация: 21.11.2008
Сообщений: 226

col & colgroup

22.10.2009, 11:33. Показов 4743. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
В чем существенное отличие этих тегов?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
22.10.2009, 11:33
Ответы с готовыми решениями:

тег colgroup
зачем нужен тег colgroup? он работает точно так же, как и тег col

Не могу применить стили для <colgroup>
Здравствуйте. Почему-то не могу применить стили для групп колонок в таблице. Подскажите, что не так? Задача: текст в первой колонке...

тег col
работа тега col я так понимаю ни в одном браузере нормально не реализована?

3
Почетный модератор
 Аватар для Humanoid
11556 / 4351 / 452
Регистрация: 12.06.2008
Сообщений: 12,454
22.10.2009, 12:12
На сколько я понял, в том, что для colgroup можно указать span.
0
9 / 9 / 2
Регистрация: 05.11.2008
Сообщений: 113
22.10.2009, 13:43
существенного отличия нет :о)

<COLGROUP> позволяет объединять колонки в определенные группы, также при добавлении параметра rules="groups" к тегу <TABLE> браузер будет рисовать линию только между колонками, созданными с помощью <COLGROUP>.
<COLGROUP> </COLGROUP> можно использовать как контейнер для элементов <COL>
0
288 / 131 / 4
Регистрация: 15.02.2009
Сообщений: 520
22.10.2009, 14:37
Это скан по шустрому, помни про ошибки.
Викдон, книжки свои иметь надо.
https://www.cyberforum.ru/html/thread96930.html




Глава 5
Разметка Web-страницы с помощью таблиц

Группирование и объединение ячеек таблицы

Существует ряд дескрипторов кода HTML, которые предназначены для группирования ячеек таблицы. Это удобная функция, позволяющая форматировать группы ячеек как одно целое, вместо того чтобы устанавливать атрибуты в дескрипторе каждой индивидуальной ячейки. Установки атрибутов форматирования в индивидуальных ячейках имеют более высокий приоритет и отменяют установки для всей группы.

Кроме того, можно объединить несколько ячеек в одну ячейку, которая будет занимать несколько столбцов или строк.

Объединение ячеек

Иногда бывает необходимо создать в таблице ячейку, занимающую несколько столбцов или строк. Это особенно важно при выполнении разметки макета страницы с помощью таблицы. Для объединения ячеек в дескрипторах < TD> и <ТН> устанавливаются следующие параметры:

Ф COLSPAN -- число столбцов, занятых ячейкой;

Ф ROWSPAN -- число строк, занятых ячейкой;.

в > Часто при объединении ячеек разработчики допускают

ошибку, в результате которой одна из строк оказывается длиннее остальных строк таблицы. Следует помнить, что при объединении n строк c помощью атрибута COLSPAN в текущей строке остается на n-1 ячеек меньше, а при использовании атрибута ROWSPAN число ячеек сокращается на 1 в n-1 строках ниже текущей.

Выше в листинге 5.5 мы уже использовали атрибут ROWSPAN (см. результат на рис. 5.4).

Группирование столбцов

Для группирования столбцов используются следующие дескрипторы.
Ф <COLGROUP > -- структурная группа столбцов, применяется для разбивки таблицы на столбцы разных типов, например: столбец заголовков и столбцы данных;


Ф <COL> -- неструктурная группа столбцов, применяется для произвольного группирования столбцов таблицы, имеющих общий фор-

М3Т данных.

Дескрипторы <COLGROUP> и <COL> содержат набор атрибутов форматирования ячеек. Так, установка атрибута BGCOLOR в дескрипторе группы столбцов изменит цвет фона во всех ячейках, относящихся к группе.

Группирование столбцов с помощью дескрипторов <COLGROUP> и <COL> происходит в начале кода таблицы между дескриптором <TABLE> и первой строкой, созданной с помощью дескриптора <TR>. В обоих дескрипторах протяженность групп задается с помощью атрибута SPAN. Так, код <COLGROUP SPAN=2></COLGROUP> создает группу из двух первых столбцов таблицы. Повторный ввод <COLGROUP SPAN=2></COLGROUP> создаст следующую группу из двух столбцов -- 3-го и 4-го. Нельзя создать группу из внутренних столбцов таблицы без предварительного создания группы предшествующих столбцов. Впрочем, создание группы не обязывает вас форматировать ее ячейки и никак не отобразится на внешнем виде таблицы.

Дескриптор <COL> обычно используется для создания групп столбцов 2-го уровня внутри структурной группы, образованной дескриптором <COLGROUP>, для дополнительного форматирования, как в листинге 5.6. Установки параметров форматирования в дескрипторе <COL> имеют более высокий приоритет по сравнению с однотипными установками в дескрипторе <COLGROUP >.

Листинг 5.6. Группирование столбцов для форматирования таблицы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<TABLE BORDER='1'> 
 
<САРТION><В>Группирование столбцов/B></CAPTION> 
<!-- Создаем 1-ю структурную группу --> 
<COLQROUP SPAN=1 BGCOLOR='gray'> 
 
</COLGROUP> 
 
<!-- Создаем 2-ю структурную группу --> 
<COLCROUP SPAN=2 ALIGN='center'> 
 
<1-- Подразделяем 2-ю структурную группу на две подгруппы --> 
 
<COL SPAN=1> 
 
<СОL SPAN=1 BGCOLOR='уеllow'> 
 
</COLGROUP> 
 
<TR> 
 
<ТН>Параметры/ТН> 
 
<ТН>Значение</ТН> 
 
<ТН>Ошибка/ТН> 
 
</TR>
<TR> 
 
<TH>A</ТН> <TD>12</TD> <TD>± 3.5</TD> 
 
< TR> 
<TR>
 
<ТН>В</ТН> 
 
<TD>2 75</TD> 
<TD>± 0.35</TD> 
 
</TR> 
 
</TABLE>
Результат форматирования показан на рис. 5.7.

Рис. 5.7. Группирование столбцов для форматирования ячеек таблицы

Обратите внимание, что дескриптор <COLGROUP> парный, а <COL> -- непарный. дескриптор <COL> можно использовать для группирования столбцов таблицы без дескриптора <COLGROUP >.










Группирование строк

Для группирования строк используются следующие дескрипторы:

+ < THEAD> -- создает группу строк заголовков, этот дескриптор можно использовать в коде таблицы только один раз;

Ф <TBODY> -- используется для создания одной или нескольких групп строк;

+ < TFOOT> -- создает группу строк нижнего колонтитула таблицы,
этот дескриптор можно использовать в коде таблицы только один раз.

Все дескрипторы группирования строк являются парными. Строки
группы заключаются между парой соответствующих дескрипторов, как
показано в листинге 5.7.

Листинг 5.7. Группирование строк таблицы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<TABLE BORDER='3' CELLSPACING='0' FRAME='hsides' RULES='groups'> 
 
<CAPTION><В>Группирование столбцов/В></CAPTION> 
<!-- Создаем группу столбцов --> 
<COLGROUP SPAN=1 BGCOLOR='green'> 
</COLGROUP> 
 
<!-.- Создаем группу строк заголовков --> 
<THEAD BGCOLOR='gray'> 
 
<TR> 
 
<ТН>Параметры/ТН> 
 
<ТН>Значение</ТН> 
 
<ТН>Ошибка/ТН> 
 
</TR> 
 
</THEAD> 
<!-- Создаем группу основных строк --> 
<TBODY ALIGN='center'> 
 
<TR> 
 
<TH>A</ТН> 
 
<TD>12</TD> 
 
)>± 3.5</TD> 
 
</TR> 
<TR> 
 
<ТН>В</ТН> 
 
<TD>2.75</TD> 
 
<TD>± 0.35</TD> 
 
< TR> 
 
</TBODY> 
 
<!-- Создаем группу строк колонтитула 
<TFOOT BGCOLOR='yellow'> 
 
<TR> 
 
<TD COLSPAN='3'><FONT SIZE='2'>Параметры вычисляли с помощью DataFit</FONT></TD>
 
 
< TR> </TFOOT> </TABLE>
Результат группирования строк и форматирования таблицы показан на рис. 5.8.

Рис. 5.8. Группирование строк таблицы

Сначала в листинге 5.7 была создана группа столбца заголовка, для ячеек которой был назначен зеленый цвет фона. Ячейки строки заголовков выделены серым фоном, к ячейкам группы строк <TBODY> применено выравнивание текста по центру, а строка колонтитула выделена желтым фоном. Обратите внимание, что установка формата в группе строк имеет более высокий приоритет, чем соответствующие установки в группе столбцов. Обратите также внимание на то, что атрибуту RULES в дескрипторе < TABLE> присвоено значение groups, в результате чего внутренние границы таблицы показаны только между ячейками, относящимися к разным группам.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
22.10.2009, 14:37
Помогаю со студенческими работами здесь

Почему не хочет работать col?
&lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-md-4&quot;&gt; &lt;h2&gt;Левый блок&lt;/h2&gt; &lt;p&gt;................&lt;/p&gt; &lt;/div&gt; &lt;div...

Bootstrap. Правильное использование col
Добрый день! В доках bootstrap вычитал, что значение xx в col-уу-xx в сумме не должно превышать 12. А если мне нужно, чтобы на sm и xs у...

Убрать отступы в .col-md-6 bootstrap
Здравствуйте уважаемые фрумчани. Подскажите пожалуйста как убрать отступы у блоков .col-md-6 внутри контейнера. Общая структура: ...

Когда нужно применять .col классы в bootstrap?
Добрый вечер, объясните пожалуйста 1 момент по Bootstrap'y. 1) Когда использовать col-sm -col-md col-lg и их подобные 2) Что...

Два блока col-md в ряд без съезжания
Добрый день! Проблема такая: на макете немалое количество блоков по тому же типу, что и на изображении. Делаем через сетку бутстрапа,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru