IT-блог о веб-технологиях, серверах, протоколах, базах данных, СУБД, SQL, компьютерных сетях, языках программирования и создание сайтов.

Здравствуйте, уважаемые посетители моего скромного блога для начинающих вебразработчиков и web мастеров ZametkiNaPolyah.ru. Продолжаем рубрику Заметки по HTML и ее раздел HTML теги. Данная публикация посвящена нумерованным спискам HTML. Нумерованный или как еще говорят, упорядоченный список HTML формируется тегами <ol>, <li>. 

Нумерованный список. Формирование нумерованного HTML списка. Теги <ol>, <li>. 

Как говорилось ранее, нумерованный список формируются двумя тегами <ol>, <li>. Упорядоченные списки - это одна из разновидностей HTML списков.

Тег <li> предназначен для формирования элементов упорядоченного списка, то есть, тег <li> формирует пункты HTML списка. Элемент <li> является блочным HTML элементом, внутри него могут располагаться любые HTML элементы, а его ширина зависит от области, в которой он находится.

Тег <ol> предназначен для формирования нумерованных списков. По умолчанию, нумерация идет по возрастанию и производится арабскими цифрами, но это легко исправить атрибутами тегов <ol> и <li>. Если к упорядоченному списку не применяются дополнительные стили и правила CSS, то браузер отобразит их шрифтом, заданным по умолчанию.

Синтаксис нумерованного списка

Теги <ol>, <li> являются парными HTML тегами, то есть для их корректной работы необходим закрывающий тег, но, у тега <li> можно закрывающий тег не ставить, хотя, это считается дурным тоном.

Атрибуты тегов списка определений

Тег <ol>, так же, как и любой другой тег из группы HTML списков, имеет атрибуты событий и универсальные HTML атрибуты. У тега <ol> имеется четыре уникальных атрибута:

Type – При помощи атрибута type можно изменить отображение нумерации упорядоченного списка

Start – Изменяя значения атрибута start, можно изменить начальный индекс нумерованного списка

Reversed – атрибут reversed делает порядок нумерации упорядоченного списка по убыванию

Тег <li> имеет все универсальные HTML атрибуты, атрибуты событий и два уникальных атрибута:

Value – атрибут value изменяет значение нумерации

Type – атрибут type изменяет вид маркера, как в списке директорий, так и в маркированном списке и списке меню.

Другие HTML списки

Помимо списка определений.

Есть еще четыре HTML списка:

• Маркированный список – второе название не упорядоченный список, данный список HTML формируется тегами <ul>, <li>
• Список директорий – данный вид HTML списка формируется при помощи тегов <dir>, <li>
• Список определений – данный вид HTML списка формируется при помощи тегов <dl> , <dd>, <dt>
• Список меню – этот список HTML формируется тегами <menu>, <li>

Тег <ul> формирует маркированный список. Тег <dir> формирует список директорий. Тег <dl> формирует список определений. Контейнер <dt> служит для хранения и отображения термина списка определений. В контейнер <dd> помещается определение термина списка определений. Тег <menu> создает список меню.

Пример формирования списка определений

Если вы скопируете пример в текстовый редактор(рекомендую Notepad++, бесплатный редактор с подсветкой синтаксиса), а затем запустите его в браузере, то увидите:

На этом всё, спасибо за внимание, надеюсь, что был хоть чем-то полезен и до скорых встреч на страницах блога для начинающих вебразработчиков и вебмастеров ZametkiNaPolyah.ru