Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах:

  • нумерованные списки, где элементы списка идентифицируются с помощью чисел;
  • маркированные списки, где элементы списка идентифицируются с помощью специальных символов (маркеров);
  • списки определений — позволяют составлять перечни определений в так называемой словарной форме.

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

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

Нумерованный список располагается внутри контейнера <ol>…</ol>, а каждый элемент списка определяется тэгом <li>…</li>. С помощью атрибута TYPE тэга <ol>…</ol> можно задать тип нумерации: арабские цифры (по умолчанию), I(римские цифры),"a" (латинские строчные буквы) и др.:

<ol>
  <li>Системные программы</li>
  <li>Прикладные программы</li>
  <li>Системы программирования</li>
</ol>

Результат:

  1. Системные программы
  2. Прикладные программы
  3. Системы программирования

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

Маркированный список распо-лагается внутри контейнера <ul>…</ul>, а каждый элемент списка определяется тэгом <li>…</li>. С помощью атрибута TYPE тэга <ul>…</ul> можно задать вид маркера списка: "disc" (диск), "square" (квадрат) или "circle" (окружность):

<ul type="square">
  <li>Системные программы</li>
  <li>Прикладные программы</li>
  <li>Системы программирования</li>
</ul>

Результат:

  • Системные программы
  • Прикладные программы
  • Системы программирования

Список терминов

Список терминов располагается внутри контейнера «список определений» <dl>…</dl>. Внутри него текст оформляется в виде термина, который выделяется одинарным тэгом <dt>…</dt> и определения, которое следует за ним <dd>…</dd>.

<dl>
  <dt>WWW</dt>
  <dd>World Wide Web</dd>

  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
</dl>

Результат:

WWW
World Wide Web
HTML
HyperText Markup Language

Контрольные вопросы

  1. Какие тэги используются для создания нумерованных списков? Маркированных списков?

Дополнительный материал