Списки (ul, ol, li) в HTML

Для создания нумерованных и маркированных списков используются теги <ol> и <ul>, в которых каждый пункт списка находится в теге <li>. Рассмотрим подробнее на примере.

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

Нумерованный список - это список, в котором каждый пункт стоит по порядковым номером, цифрой. Пример HTML кода для создания нумерованного списка:
<ol>
<li>Мышь</li>
<li>Кот</li>
<li>Сыр</li>
</ol>
На странице браузера результат будет показан так:
  1. Мышь
  2. Кот
  3. Сыр
- цифры нумерации подставляются автоматически. Стилистику нумерации можно поменять с помощью атрибута <ol type="..."> . Атрибут type может принимать следующие значения:
  • "A" - латинские заглавные буквы
  • "a" - латинские строчные буквы
  • "I" - римские цифры (заглавные)
  • "i" - римские цифры (строчные)
  • "1" - арабские цифры. Используется по умолчанию
Чтобы начать список не с единицы, а с другого числа, необходимо использовать атрибут "start". К примеру, если нужно начать список с "5", то открывающий список тег будет выглядеть так: <ol start="5"> .
Чтобы инвертировать последовательность чисел (сделать числа по убыванию), напишите внутри тега слово "reversed", чтобы получилось так: <ol reversed>

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

Маркированный список - это список, в котором каждый пункт отмечен не цифрой, а маркером. К примеру, точкой или стрелкой.
<ul>
<li>Мышь</li>
<li>Кот</li>
<li>Сыр</li>
</ul>
В браузере маркированный список выглядит так:
  • Мышь
  • Кот
  • Сыр
Стиль маркеров перед элементами списка можно поменять с помощью атрибута <ul type="..."> . Где атрибут type может принимать следующие значения:
  • "disc" - чёрная точка
  • "circle" - кружок с пустотой внутри
  • "square" - чёрный квадрат
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, курсы создания сайтов, вебинары по созданию, курсы разработки сайтов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: