Уроки HTML | Списки (ul, li, ol, dl, dt, dd)

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

• неупорядоченные
• упорядоченные
• и списки определений.

Уроки HTML

Теги ul, li, ol,dl, dt, dd- списки

Урок 10

Начнем с неупорядоченного списка. В эту конструкцию входят два тега ul / ul и li / li, тег li находится внутри тега ul и выглядит как список с маркером(жирная точка) слева.

<ul>
<li>Зима</li>
<li>Весна</li>
<li>Лето</li>
<li>Осень</li>
</ul>

• Зима
• Весна
• Лето
• Осень

Для упорядоченного списка в конструкцию входят так же два тега ol/ol и li/li, тег li находится внутри тега ol и выглядит как список с нумерацией слева.

<ol>
<li>Понедельник</li>
<li>Вторник</li>
<li>Среда</li>
<li>Четверг</li>
<li>Пятница</li>
<li>Суббота</li>
<li>Воскресенье</li>
</ol>

1. Понедельник
2. Вторник
3. Среда
4. Четверг
5. Пятница
6. Суббота
7. Воскресенье

Так же на практике применяются списки определений. В них главный элемент это тег dl/dl, внутри него находится dtТермин dt , а за ним следует определение термина dd/dd

<dl>
<dt>Зима</dt>
<dd>- холодная пора года</dd>
<dt>Понедельник</dt>
<dd>- день тяжелый</dd>
</dl>

Зима

- холодная пора года

Понедельник

- день тяжелый

Внутри тегов li/li, dt/dt, dd/dd могут находится другие теги, например ссылки a/a или параграфы p/p

С уважением, авторы сайта Компьютерапия

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!