HTML списки

В этой статье вы узнаете какие типы списков есть в HTML и как с ними работать, но здесь не будет написано что это такое, так как об этом было в части про блочные элементы в HTML.

Типы списков HTML:

Всего их есть три типа, вот какие они бывают.

  • Маркированные список;
  • Нумерованный список;
  • Список определений;

Как вы заметили их всего три типа, сейчас покажу как с ними работать.

Маркированный список:

Для начала посмотрим, как создать маркированный список в HTML, это делается очень просто, и мы уже это делали.

Вам надо просто использовать тег <ul> и внутри него прописать <li>, они то и будут элементы списка, вот результат.

как создать маркированный список в html

То есть не чего сложного.

Нумерованный список:

Теперь посмотрим на создание нумерованного списка в HTML, это делается почти точно также, как с маркированным списком.

Как видите, тут только одно различие от маркированного списка, вместо тега <ul>, пишется тег <ol>,  вот результат.

создание нумерованного списка в html

Как видите всё работает, так как надо.

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

Я долго думал, стоит ли рассказывать про них, так как, по сути список определений в HTML, тоже самое, что и вложенные списки (о них чуть ниже), но в итоге как заметили решил написать, потому что это как минимум полезно для само развития.

Давайте разберём, все элемента списка пишутся внутри тега <dl>, <dt>, по сути просто заголовок, </dd>, вложенные элементы, вот результат.

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

Как можете заметить, у тех которые не заголовки, есть левые отступы, а у заголовок их нет.

Но списки определения практически не используются, так как, их можно заманить вложенными списками, поэтому это можно забыть, только для само развития разве что знать.

Вложенные списки:

Последние что стоит узнать, это как сделать вложенный список в HTML, делается это очень просто.

То есть, если вы заметили, то что бы сделать вложенные список, надо просто внутри тега  <li>, ещё добавить список, например, тегом <ul>, вот результат.

как сделать вложенный список в html

Как видите всё работает, почти тоже самое, что и список определений, только добавились точки, ещё точно так же можно делать и с нумерованными списками, даже можно их комбинировать.

Вывод:

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

Подписываетесь на соц-сети:

Оценка:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
(Пока оценок нет)
Загрузка...

Поделится:

Дополнительно:

55058653