В языке разметки 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

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




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

Связанные статьи

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok