Какой тег обеспечивает создание маркированного списка

Для оформления списочной информации, такой как список литературы и т.п., в HTML существуют три типа списков: маркированные, нумерованные и списки определений.

Далее следует пример маркированных списков с различными видами маркеров – закрашенным кружком (по умолчанию); то же самое, но заданным в явном виде; незакрашенным кружком и закрашенным квадратом, соответственно:

Ниже представлены примеры нумерованных списков с различными маркерами:

Списки HTML представляют собой структуры, которые допускают вложение одной в другую:

Списки определений можно использовать в случае необходимости создания некого подобия словаря: когда имеются определяемое понятие и его определение. Они используются при размещении на веб-страницах всевозможных глоссариев.

Список определений задается с помощью тега . Определяемое понятие заключается в тег , а его определение в тег :

Понятие 1: Определение понятия 1
Понятие 2: Определение понятия 2

Кто Вы?

Результаты голосования

Какой тег обеспечивает создание маркированного списка

В HTML — документе можно представлять информацию различными способами. Одним из наиболее эффективных форматов являются списки. Они легки для восприятия и могут представлять последовательность процедур, опции для выбора решений, перечень ссылок, меню и т.д.

В HTML есть специальные элементы-контейнеры для представления данных в виде списков. Основными тэгами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.

Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-либо действий. Когда программа встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.

Базовый шаблон упорядоченного списка выглядит следующим образом:

COMPACT — Представляет список в более компактном виде
TYPE = A — устанавливает маркер в виде прописных букв
TYPE = a — устанавливает маркер в виде строчных букв
TYPE = I — устанавливает маркер в виде больших римских цифр
TYPE = i — устанавливает маркер в виде маленьких римских цифр
TYPE = 1 — устанавливает маркер в виде арабских цифр
START = n — устанавливает начальный маркер в текущем списке; n — номер, с которого начинается нумерация в списке

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

Базовый шаблон неупорядоченного списка выглядит следующим образом:

Этот тип списков по виду мало отличается от неупорядоченных и введен для удобства идентификации меню при создании документов. Список, определяемый тэгом , выводится большинством браузеров теми же шрифтами и в том же стиле, что и неупорядоченный список.

Как и предыдущие типы списков, список-меню автоматически отделяется от остального текста кодами перевода строки и может включать другие элементы HTML . Как правило, пункты меню являются указателями ссылок на части того же документа, на другой документ, либо на другие ресурсы сети.

Элемент DIR весьма похож на элемент MENU и служит для идентификации определенной части документа, которая в будущих версиях языка, возможно, получит новые полезные функции. Список контейнера, начинающегося тэгом , выводится браузерами аналогично неупорядоченным спискам.

Списки определений, также называемые словарями специальных терминов (глоссариями), являются особым видом списков HTML. Они представляют текст в форме словарной статьи, состоящей из определенного термина и абзаца, раскрывающего его значение. Такой список удобен для составления каталога или описания функций подразделений организации. Элемент списка определений DL является контейнером и обеспечивает отделение списка от остального текста пустыми строками. Внутри контейнера тэгом помечается определенный термин, а тэгом — абзац с его определением. Тэги и не являются контейнерами. Базовый шаблон списка определений выглядит следующим образом:

definition header
term_1
definition of term_1
Term_2
definition of term_2
.

Текст после тэга должен помещаться в одной строке. Если это требование не выполнено или если строка выходит за пределы окна браузера, производится перевод строки, но без отступа. Текст, стоящий за тэгом , выводится отдельным абзацем с отступом вниз на одну или две строки (зависит от программы просмотра) относительно определяемого термина.

Списки определений могут включать другие элементы HTML. Часто применяются элементы стилей (физические и логические). Напротив, элементы заголовков использовать не рекомендуется из-за принудительного перевода строки.

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

В примере 11.1 приведен код HTML для добавления маркированного списка на веб-странице.

Пример 11.1. Создание маркированного списка

Результат данного примера показан на рис. 11.1.

Рис. 11.1

Рис. 11.1. Вид маркированного списка

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

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

Создание списка с квадратными маркерами показано в примере 11.2.

Пример 11.2. Вид маркеров

Результат данного примера показан на рис. 11.2.

Рис. 11.2

Рис. 11.2. Вид списка с квадратными маркерами

HTML по теме

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.