Списки

Упорядоченный, неупорядоченный список

• <ul> - неупорядоченный список;
• <ol> - упорядоченный список;
• <li> - элементы списка;

Например:

index.html

<ul>
    <li>Яблоко</li>
    <li>Банан</li>
    <li>Вишня</li>
</ul>

<ol>
    <li>Первое</li>
    <li>Второе</li>
    <li>Третье</li>
</ol>

Можно вкладывать один список в другой. Например:

index.html

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

В неупорядоченном списке можно настраивать маркеры с помощью CSS. Например:

index.html

<ul style="list-style-type: disc">
    <li>Элемент 1</li>
    <li>Элемент 2</li>
</ul>

<ul style="list-style-type: circle">
    <li>Элемент 1</li>
    <li>Элемент 2</li>
</ul>

<ul style="list-style-type: square">
    <li>Элемент 1</li>
    <li>Элемент 2</li>
</ul>

<ul style="list-style-type: none">
    <li>Элемент 1</li>
    <li>Элемент 2</li>
</ul>

В упорядоченном списке можно изменить тип нумерации с помощью атрибута type.

Варианты type:

• 1 - по умолчанию (1, 2, 3...);
• A - заглавные буквы (A, B, C...);
• a - строчные буквы (a, b, c...);
• I - римские цифры (I, II, III...);
• i - строчные римские (i, ii, iii...);

Например:

index.html

<ol type="A">
    <li>Первый</li>
    <li>Второй</li>
</ol>

В упорядоченном списке можно изменить начало нумерации с помощью атрибута start. Например:

index.html

<ol start="5">
    <li>Пятый</li>
    <li>Шестой</li>
</ol>

Список определений

• <dl> - список определений (контейнер);
• <dt> - термин;
• <dd> - описание;

Например:

index.html

<dl>
    <dt>HTML</dt>
    <dd>Язык разметки для веб-страниц</dd>

    <dt>CSS</dt>
    <dd>Стиль оформления веб-страниц</dd>
</dl>