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

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


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



Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok