Главная / Верстка / Теги html / colgroup тег html

colgroup тег html


13.07.2013 20:152201

Описание

Тег colgroup  в html предназначен для того , чтобы  группировать столбцы в таблице для более удобного форматирования . Если вам нужно будет применить определенные стили для столбцов целой таблицы , тег colgroup с радостью поможет вам сократить код .

Вместо повторяющегося стиля для каждой ячейки ,  колонки - достаточно задать стили с помощью тега colgroup и внутри с помощью span задать количество колонок , к которым следует применять стили .

Тег <colgroup> можно использовать в комбинации с тегом <col> , который определяет характеристики одной или нескольких колонок . Тег сolgroup может содержать  внутри только  col элементы , плюс он  не создает столбцы. Чтобы создавать столбцы , Вы должны определить <td> элементы в пределах <tr> .
 

Атрибуты

АТРИБУТ ЗНАЧЕНИЕ ОПИСАНИЕ
span

number

количество колонок для применения параметров
 

Пример

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Тег colgroup</title>
</head>

    <body>
    
        <table>
        <colgroup span="2" style="background:yellow"></colgroup>
        <tr>
            <th>Название</th>
            <th>Формат</th>
            <th>Цена</th>
        </tr>
        <tr>
            <td>Изучаем HTML5</td>
            <td>rar</td>
            <td>$5</td>
        </tr>
        <tr>
            <td>Изучаем CSS3</td>
            <td>zip</td>
            <td>$4</td>
        </tr>
        <tr>
            <td>Изучаем Java Script</td>
            <td>rar</td>
            <td>$3</td>
        </tr>
        </table>
        
    </body>

</html>

Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<table><colgroup>...</colgroup>...</table> обязателен

Браузеры поддерживающие <colgroup>

Element
<colgroup> Yes Yes Yes Yes Yes


Colgroup , Html , Тег , Тег Colgroup





«colgroup тег html» - Похожие страницы

Нет записей


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