Теория урока

10.1. Группировка элементов списка в 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>

Предыдущий урок «9.1. Группировка элементов в HTML формах» Следующий урок «1.1. Знакомство с HTML5»

Возможно, вам это будет интересно: Группировка элементов в HTML формах

HTML

CSS

Браузер

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

Код HTML

Код CSS

Браузер×

Задание

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

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

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

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.