Списки в html

Создаем разметку меню сайта с помощью списков. Изучаем вложенные списки с помощью тегов ol и ul.

Транскрипт урока

Теперь давайте поподробнее рассмотрим теги. Они делятся на два типа: блочные и строчные. Блочные теги — это Заголовки, Параграфы, списки и базовый блочный тег — div. По умолчанию блочные теги всегда распологаются друг под другом. Если я размножу наш заголовок, вы в этом убедитесь. <h1>Headline 1</h1><h1>Headline 1</h1><h1>Headline 1</h1><h1>Headline 1</h1><h1>Headline 1</h1> Сейчас я предлагаю разобраться со списками. Они используются очень часто для создания меню сайта или других перечисляемых элементов. Существуют обычные и нумерованные списки. Обычные списки обозначаются тегом <ul></ul>, а нумерованные тегом <ol></ol>. Внутри у каждого есть элементы списка, которые обозначаются тегом <li></li>. Давайте создадим несколько элементов и посмотрим, что получится. А теперь давайте сразу создадим меню нашего сайта <ul> <li>Главная</li> <li>О проекте</li> <li>Каталог</li> <li>Контакты</li> </ul> В разделе каталог у нас будет дополнительное раскрывающееся меню. Его мы сделаем с помощью вложенного списка. Для этого нужно вставить еще один список в один из элементов списка. Вот так: <ul> <li>Главная</li> <li>О проекте</li> <li>Каталог <ul> <li>Клубника</li> <li>Малина</li> <li>Вишня</li> </ul> </li> <li>Контакты</li> </ul>

Оставьте ваш комментарий или вопрос к этому уроку