Маркированный (неупорядоченный) список используется для представления коллекции элементов, порядок вывода которых не важен. При выводе маркированных списков браузер автоматически вставляет специальные значки (маркеры), отмечающие каждый элемент списка.
Маркированный список начинается стартовым тегом <ul>
и завершается тегом </ul>
. Каждый элемент списка начинается с тега <li>
и завершается тегом </li>
.
Пример
<ul>
<li>Программирование</li>
<li>Алгоритмизация</li>
<li>Проектирование</li>
</ul>
Тег <ul>
имеет атрибут type
, определяющий внешний вид маркера:
<ul type=тип_маркера>
Значение атрибута type
может быть одним из следующих:: disc
(круг -- форма по умолчанию), circle
(окружность) или square
(квадрат). Пример
<ul type="square">
<li>Программирование</li>
<li>Алгоритмизация</li>
<li>Проектирование</li>
</ul>
Атрибут type
применяется и в теге <li>
для изменения формы маркера перед конкретным элементом списка.
Пример
<ul>
<li type="circle">
Программирование
<li type="disk">
Алгоритмизация
<li type="square">
Проектирование
</ul>
Тег <li>
обеспечивает вывод маркера и разделение элементов списка. Если хочется использовать нестандартные маркеры, то тег <li>
не указывается. Для выделения элементов списка в этом случае используются какие-либо картинки или символы, а тег <br>
обеспечивает переход к следующему элементу списка.
Пример
<ul>
<img src="arr.gif" align="top">
<nbr>Программирование<BR>
<img src="arr.gif" align="top">
<nbr>Алгоритмизация<BR>
<img src="arr.gif" align="top">
<nbr>Проектирование<BR>
</ul>