Списки HTML

Форма контейнера, который装载 текст или графику, называется списком; одним из основных свойств списка является его порядок, порядок, порядок.

HTML поддерживает упорядоченные, несписки и пользовательские списки:

Списки HTML

Онлайн пример

Несписок
Этот пример демонстрирует несписок.

Упорядоченный список
Этот пример демонстрирует упорядоченный список.

HTML несписок

Несписок - это список элементов, которые маркируются жирными точками (типичными маленькими черными точками).

Несписки используются тегом <ul>

<ul>
<li>Элемент списка 1</li>
<li>Элемент списка 2</li>
</ul>

Браузер показывает так:

• Элемент списка 1

• Элемент списка 2

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

Таким же образом, упорядоченные списки также состоят из элементов списка, которые маркируются числами. Упорядоченные списки начинаются с тега <ol>. Каждый элемент списка начинается с тега <li>.

Элементы списка маркируются числами.

<ol>
<li>Элемент списка 1</li>
<li>Элемент списка 2</li>
</ol>

В браузере они отображаются так:

1. Элемент списка 1

2. Элемент списка 2

HTML пользовательский список

Пользовательские списки не только состоят из элементов списка, но и из комбинации элементов и их комментариев.

Пользовательские списки начинаются с тега <dl>. Каждый элемент списка начинается с тега <dt>. Каждое определение элемента списка начинается с тега <dd>.

<dl>
<dt>Весна</dt>
<dd>-　Весна来了, весна везде полна весеннего настроения</dd>
<dt>Осень</dt>
<dd>-　Листья осенью желтеют, осень - сезон сбора урожая</dd>
</dl>

Браузер показывает так:

• Весна

• - 春天来了,春天到处春意盎然

• Осень

• - Листья осенью желтеют, осень - сезон сбора урожая

Внимание - полезные советы

Совет: Внутри элементов списка можно использовать абзацы, символы новой строки, изображения, ссылки и другие списки.

Более примеров

Различные типы упорядоченных списков
Этот пример демонстрирует различные типы упорядоченных списков.

Различные типы несписков
Этот пример демонстрирует различные типы несписков.

Вложенный список
Этот пример демонстрирует, как вложенные списки.

Вложенный список 2
Этот пример демонстрирует более сложные вложенные списки.

Пользовательский список
Этот пример демонстрирует определенный список.

Теги списков HTML