По порядку становись!

УРОК «Как сделать простой маркированный список»

Дорогие друзья!

Продолжаем тему списков. О том, как сделать нумерованный список, было рассказано в соответствующем уроке, а здесь мы рассмотрим, как сделать маркированный, или неупорядоченный, список.

Принцип тот же, только вместо контейнера <ol>список</ol> мы будем использовать контейнер <ul>список</ul>. Давайте напишем код напрмер, списка продуктов, которые нужно купить в магазине. Очевидно, что в данном случае, порядок перечисления не особо важен, если, конечно, вы не настолько пунктуальны, чтобы покупать всё именно по порядку и по ходу движения в магазине.

Результат:

• Молоко - 2 пакета,
• Хлеб:
  • "Рижский" - 1 шт.,
  • Сушки к чаю - 1 пакет,
  • Батон с изюмом - 1 шт.
• Курица - 1 шт.,
• Скумбрия - 1 шт.,
• Картошка - 3 кг.,

Как уже упоминалось в уроке про нумерованные списки, можно вкладывать один список в другой,
но нужно это делать правильно: вложенный список должен располагаться внутри тегов
<li>пункт списка</li> родительского списка.

Вид маркера списка можно менять, о том, как это сделать, вы узнаете из одного из последующих уроков.

До встречи в следующем уроке!