Найти в Дзене

Как научиться создавать списки в HTML?

Оглавление
Фото автора cottonbro: Pexels
Фото автора cottonbro: Pexels

Виды списков в HTML:

  1. Упорядоченный список.
  2. Неупорядоченный список
  3. Список определений.

Разберем каждый из них более подробно.

Упорядоченный список

Здесь каждый элемент списка имеет свой порядковый номер. Примеров таких списков бесчисленное количество, взять хотя бы тот что приведен выше.

Упорядоченные списки создаются с помощью тегов <ol></ol> и <li></li>, причем вторая пара тегов помещается внутри первой. Пример:

То что было
То что было
То что стало
То что стало

Неупорядоченный список

Здесь напротив каждого элемента ставится не номер, а маркер. Неупорядоченные списки создаются с помощью тегов <ul></ul> и <li></li>. Пример:

То что вводим
То что вводим
То что получаем
То что получаем

Список определений

Этот список из понятий и их определений. Он создается с помощью тегов <dl></dl>, <dt></dt> и <dd></dd>. Пример:

То что вводим
То что вводим
То что получаем
То что получаем

Стоит отметить что списки могут быть вложены друг в друга. Такие списки называются вложенными. Пример:

То что вводим
То что вводим
То что получаем
То что получаем

Здесь работает обыкновенный принцип матрешки. Главное не спешить и тогда все получится)

А на этом на сегодня все. Спасибо за внимание!)

Если статья оказалась полезна предлагаю подписаться на канал. Впереди еще много интересного и полезного контента)