Компьютерапия

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

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

 

Уроки HTML

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

Урок 10

 

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

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

 

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

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

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

Зима
- холодная пора года
Понедельник
- день тяжелый
Зима
- холодная пора года
Понедельник
- день тяжелый

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

 

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