Что такое список

Список — это способ представления информации в виде набора элементов.

Списки широко используются на веб-страницах: - меню сайта - перечень товаров - список услуг - список новостей - инструкции

Виды списков в HTML

В HTML существует три основных типа списков: 1. Маркированный список 2. Нумерованный список 3. Список определений (используется реже)

В данной теме рассмотрим первые два типа.

Маркированный список

Маркированный список отображает элементы с маркерами (точками).

Для создания используется тег:

<ul>

Каждый элемент списка создаётся тегом:

<li>

Пример маркированного списка

<ul>
<li>Математика</li>
<li>Информатика</li>
<li>Физика</li>
</ul>

Результат: • Математика
• Информатика
• Физика

Нумерованный список

Нумерованный список отображает элементы с номерами.

Для создания используется тег:

<ol>

Элементы списка также создаются тегом:

<li>

Пример нумерованного списка

<ol>
<li>Включить компьютер</li>
<li>Открыть браузер</li>
<li>Перейти на сайт</li>
</ol>

Результат: 1. Включить компьютер 2. Открыть браузер 3. Перейти на сайт

Вложенные списки

Списки можно вкладывать друг в друга.

Пример:

<ul>
<li>Фрукты
    <ul>
        <li>Яблоко</li>
        <li>Банан</li>
        <li>Апельсин</li>
    </ul>
</li>

<li>Овощи
    <ul>
        <li>Картофель</li>
        <li>Морковь</li>
    </ul>
</li>

</ul>

Такая структура используется для: - меню сайтов - каталогов - иерархий данных

Атрибут type (для нумерованных списков)

Нумерацию можно изменить с помощью атрибута type.