Часто документы содержат различные списки, которые пронумерованы цифрами или буквами, а также, не редко, просто помечены кружком, квадратиком или ромбиком. В языке HTML есть несколько тегов, структурирующих списки.

Следующая пара тегов автоматически форматирует список и соответствующие интервалы:
<ul> и </ul>.

Атрибут type определяет вводный символ в начале строки.

type=circle | disc | square :

type=circle, вводный символ - кружок.

type=disc, вводный символ - закрашенный кружок.

type=square, вводный символ - квадратик.

Строку списка определяют следующие два тега: <li> и </li>.

Формат записи:

<ul type=disc>
<li> Первая строка </li>
<li> Вторая строка </li>
</ul>

Вставьте четыре строки, указанные выше, в HTML-документ, в браузере вы увидите следующее:

Первая строка
Вторая строка

Для написания вложенных списков, создается иерархия тегов.

Формат записи:

<ul type=disc>
     <li>Первая строка первого списка</li>
          <ul type=square>
          <li>Первая строка вложенного списка</li>
          <li>Вторая строка вложенного списка</li>
          </ul>
     <li>Вторая строка первого списка</li>
          <ul>
          <li>Первая строка вложенного списка</li>
          </ul>
</ul>

Получиться следующее:

Первая строка первого списка

Первая строка вложенного списка
Вторая строка вложенного списка

Вторая строка первого списка

Первая строка вложенного списка

Теперь вы можете написать свой собственный HTML-документ с использованием списков.

Сохраните этот файл, или другой, написанный на его основе, как 4.html. Все сохраненные файлы в течение занятий мы будем использовать при ознакомлении с тегами ссылок.