Списки (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, покупка SSL сертификатов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: