Теория урока

Группировка элементов списка в HTML

Иногда требуется разбить список на отдельные группы, не связанные между собой. Для этих целей был введен тег <optgroup>. Чтобы озаглавить группу, используется атрибут label. Он применяется очень просто, поэтому рассмотрим сразу пример:

Код HTML

<select>
    <optgroup label = "Лето">
        <option value = "s6">Июнь</option>
        <option value = "s7">Июль</option>
        <option value = "s8">Август</option>
    </optgroup>
    <optgroup label = "Зима">
        <option value = "s12">Декабрь</option>
        <option value = "s1">Январь</option>
        <option value = "s2">Февраль</option>
    </optgroup>
</select>

Возможно, вам это будет интересно: Цветовая модель RGB в CSS

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться

Допишите все остальные месяцы года. Писать нужно в правильном порядке. Используйте тег <optgroup>, чтобы разбить месяцы на сезоны. Значение у каждого месяца должно быть вида sномер_месяца, то есть у февраля значение (value = "s2")

– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter. Кстати, не забудьте посетить блог по саморазвитию.

– Не знаете как сделать? Спросите на нашем форуме или на одном из популярных форумов: (1) cyberforum.ru, (2) ru.stackoverflow.com, (3) programmersforum.ru, (4) forum.vingrad.ru, (5) php.ru/forum, (6) html.by.

Проверить задание