HTML5 для начинающих / Урок #6 – Работа со списками

Работа со списками в HTML включает создание и оформление упорядоченных и неупорядоченных списков. Вот основные типы списков и их использование:

1. Неупорядоченные списки (`<ul>`) — создают список с маркерами (точками, кружками, квадратиками).

```html
<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>
```

2. Упорядоченные списки (`<ol>`) — создают нумерованный список.

```html
<ol>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ol>
```

3. Вложенные списки — списки внутри элементов `<li>` другого списка.

```html
<ul>
<li>Пункт 1
<ul>
<li>Подпункт 1.1</li>
<li>Подпункт 1.2</li>
</ul>
</li>
<li>Пункт 2</li>
</ul>
```

4. Настройка маркеров и нумерации с помощью CSS:

```css
/* Изменение типа маркера для неупорядоченного списка */
ul {
list-style-type: square; /* или circle, disc, none */
}

/* Изменение типа нумерации для упорядоченного списка */
ol {
list-style-type: upper-roman; /* I, II, III ... */
}
```

5. Пользовательские маркеры с помощью псевдоэлементов или изображений.

Пример:

```css
/* Использование изображения в качестве маркера */
ul {
list-style-image: url('bullet.png');
}
```

Работа со списками позволяет структурировать информацию на странице, делая её более читаемой и организованной.

HTML