Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 16 из 70 · 12 мин
ul, ol и li: перечисления, шаги, вложенные списки, нумерация с любого числа и в обратном порядке.
Нужен список покупок и рецепт по шагам.
Товары — порядок не важен, это ul. Шаги рецепта — порядок важен, это ol.
Со списками скринридер говорит «список, 5 пунктов». Сразу понятно, сколько там всего.
<ul>li.<ul>
<li>Блокнот</li>
<li>Ручка</li>
<li>Пенал</li>
</ul><ol><ol>
<li>Взбить сливки</li>
<li>Добавить карандаш</li>
</ol><li>ul, ol или menu.li может быть прямым ребёнком списка.<ul>
<li>Блокнот</li>
<li>Ручка</li>
</ul>startol: нумерация начнётся с этого числа.<ol start="4">
<li>Посолить</li>
<li>Подать</li>
</ol>reversedol: нумерация идёт вниз.<ol reversed>
<li>Ручка</li>
<li>Блокнот</li>
<li>Пенал</li>
</ol>type у <ol> · value у <li>type="A", a, I, i — буквы и римские цифры. value у li — задать номер конкретного пункта.<ol type="A">
<li>Зал</li>
<li value="5">Веранда</li>
</ol>li родителя.<ul>
<li>Канцтовары
<ul><li>Пенал</li><li>Ручка</li></ul>
</li>
<li>Книги</li>
</ul><menu>ul, но для панели кнопок-команд.<menu>
<li><button>Копировать</button></li>
</menu>Сделай топ-3 товаров недели нумерованным списком в обратном порядке (ol reversed), а под ним — маркированный каталог, где у пункта «Канцтовары» есть вложенный список из двух товаров.
reversed — пока нетВыберите один ответ.
Какой список подходит для пошаговой инструкции?
Выберите один ответ.
Где правильно разместить вложенный список?
Введите короткий ответ без лишних пробелов.
Какой атрибут <ol> задаёт число, с которого начинается нумерация?
Проверяем состояние обучения…