Элемент 1
Элемент 2
Элемент 3
В HTML существует специальный набор тэгов для отображения списков. В виде списка можно представить оглавление документа или любую другую информацию.
В HTML существует несколько видов списков:
Организуется с помощью тега <UL>. В таком виде списков для выделения элементов используется специальные символы, называемые маркерами списка. Вид маркера определяется браузером автоматически, причём при создании многоуровневых списков вид маркеров разного уровня отличается.
Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, поэтому нет необходимости использовать принудительный перевод строки для выделения списка в отдельный абзац.
Каждой элемент списка должен начинаться тэгом <LI> (List Item), который не нуждается в закрытии.
Возможный параметр тэга <UL> —.TYPE. Он может принимать следующие значения: CIRCLE, DISC, SQUARE и используется для задания типа маркера.
| TYPE="CIRCLE" | TYPE="DISC" | TYPE="SQUARE" |
|
|
|
В таком же виде атрибут TYPE может использоваться в элементах списка <LI TYPE="DISC">.
Если по каким-то причинам вас не устраивают стандартные виды маркеров, то существует возможность заменить их любым подходящее графическое изображение. Однако в этом случае получится не совсем стандартный список, т.к. не используется тэг <LI>.Вместо него вставляется изображение маркера, а перевод строки задаётся принудительно с помощью тэга <BR>.
Пример:| В качестве маркера используется изображение книги. |
|
Элемент 1
Элемент 2
Элемент 3 |
Это второй вид списка, еще он называется упорядоченным (Ordered List). Отличие от маркированного списка только в том, что перед каждым элементом списка проставляется не маркер, а цифра или буква. Организуется это с помощью тэга <OL>, а в остальном всё схоже с маркированным списком.
Пример:| Нумерованный список с различными видами нумерации. | ||
|
|
|
В тэге <OL> могут задаваться параметры TYPE и START.
Атрибут TYPE определяет, каким образом будет проводиться нумерация.
| TYPE=A | Большие латинские буквы |
| TYPE=a | Малые латинские буквы |
| TYPE=I | Большие римские цифры |
| TYPE=i | Малые римские цифры |
| TYPE=1 | Арабские цифры |
Атрибут START предназначен для указания числа (буквы), с которого начинается нумерация.
Изменение вида нумерации и значения номера элемента списка можно проводить с любого члена списка. Для этого тэг <LI> имеет два параметра: TYPE и VALUE.
Параметр VALUE позволяет изменить номер данного элемента списка и всех последующих. Это находит применение в списках с пропуском некоторых членов.
| Пропущенные элементы. Исходный код и отображение браузером. | |
|
<ol type=1> <li>Элемент 1 <li>Элемент 2 <br>..... <li value=9>Элемент 9 </ol> |
|
| Изменение типа нумерации. Исходный код и отображение браузером. | |
|
<ol type=1> <li>Элемент 1 <li>Элемент 2 <br>..... <li value=9>Элемент 9 <li type=A>Элемент 10 <li>Элемент 11 </ol> |
|
Это специальный вид списков. В отличие от предыдущих типов каждый элемент здесь состоит из двух частей. В первой части задаётся название термина, а во второй его определение.
Организуется всё с помощью тэга <DL> </DL> (Definition List). Внутри него тэгом <DT> (Definition Term) определяется термин, а тэгом <DD> (Definition Description) задаётся абзац с определением. Закрывающие тэги не обязательны.
|
Все виды списков могут быть вложены друг в друга в произвольном порядке и количестве. С их помощью удобно организовывать оглавления на страницах сайтов.
Пример: