Довольно часто при размещении текста на Web-страницах удобно использовать списки в различных вариантах:
- нумерованные списки, где элементы списка идентифицируются с помощью чисел;
- маркированные списки, где элементы списка идентифицируются с помощью специальных символов (маркеров);
- списки определений — позволяют составлять перечни определений в так называемой словарной форме.
Возможно создание и вложенных списков, причем вкладываемый список может по своему типу отличаться от основного.
Нумерованные списки
Нумерованный список располагается внутри контейнера <ol>…</ol>
, а каждый элемент списка определяется тэгом <li>…</li>
. С помощью атрибута TYPE
тэга <ol>…</ol>
можно задать тип нумерации: арабские цифры (по умолчанию), I
(римские цифры),"a"
(латинские строчные буквы) и др.:
<ol>
<li>Системные программы</li>
<li>Прикладные программы</li>
<li>Системы программирования</li>
</ol>
Результат:
- Системные программы
- Прикладные программы
- Системы программирования
Маркированные списки
Маркированный список распо-лагается внутри контейнера <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
Контрольные вопросы
- Какие тэги используются для создания нумерованных списков? Маркированных списков?