Теория урока
Группировка элементов списка в 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>
Возможно, вам это будет интересно: Раскрывающийся список на HTML - тег SELECT
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Допишите все остальные месяцы года. Писать нужно в правильном порядке. Используйте тег
<optgroup>
, чтобы разбить месяцы на сезоны. Значение у каждого месяца должно быть видаsномер_месяца
, то есть у февраля значение (value = "s2"
)
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание