Лекция: Использование HTML-списков
Информация в виде списка позволяет разбить большие массивы данных на отдельные, четкие фрагменты информации, которые человеку гораздо удобнее воспринимать, нежели весь поток информации целиком. Списки позволяют создавать понятную и логичную внутреннюю структуру информационных данных, ориентироваться в которой-дело простое и удобное.
Нумерованные списки.
Нумерованный список часто называется упорядоченным списком и представляет собой определенную последовательность элементов. То есть, каждый последующий пункт такого списка будет на единицу больше предыдущего.
Для создания нумерованного списка используется тэг <OL>… </OL>, внутри которого располагаются пункты перечня информационных данных, за указание которых отвечает специальный тэг <LI>(List Item-пункт списка или элемент списка)
| <OL> <LI>Иван; <LI>Данила; <LI>Игорь</OL> | получится вот такой список:
|
Маркированные списки.
Другим распространенным способом структуризации информационных данных является создание маркированных списков. Маркированный список предоставляет собой ненумерованный или неупорядоченный (Unordered List)перечень элементов, для заголовка которых используются специальные маркеры. В качестве маркеров выступает специальные символы, называемые буллитами. Для создания маркированных списков применяется тэг <UL>...</UL> внутри которого располагаются элементы самого списка <LI>.
Например, чтобы создать вот такой список:
| необходим вот такой HTML-текст: <UL> <LI>Иван; <LI>Данила; <LI>Игорь</UL> |
|
Обратите внимание: у метки <LI> нет парной закрывающей метки.
Тэг <OL> может иметь следующие параметры:
| Атрибут | Функция |
| TYPE = “ ”: | |
| A — | большие латинские буквы (А, В, С, D, ...) |
| a — | маленькие латинские буквы (а, b, с, d, ...) |
| I — | большие римские цифры (І, ІІ, ІІІ, ІV,…) |
| i — | маленькие римские цифры (і, іі, ііі, іv, ...) |
| 1 — | обычные цифры (1, 2, 3, 4,...) |
START — устанавливает число, с которого будет начинается отсчет.
Следующий пример отображает список, пронумерованный большими латинскими буквами и начинающийся с восьмой цифры:
| <OL TYPE=«I» START=«8»> <LI> Восемь <LI> Девять <LI> Десять <LI> Одиннадцать <LI> Двенадцать </OL> | VIII. Восемь IX. Девять X. Десять XI. Одиннадцать XII. Двенадцать |
Параметры тэга <UL>
Тэг маркированного списка: <UL> может содержать два основных параметра: TYPE иCOMPACT. ПараметрTYPE отвечает за форму отображаемого браузером маркера. Существуют три возможных значения данного параметра:
- TYPE=disc-значение параметраTYPE, используемое по умолчанию (указание необязательно), которое отображает маркер в виде закрашенного круга;
- TYPE=circle-маркер отображается в виде не закрашенного круга (кольца);
- TYPE=square-отображение маркера в виде закрашенного квадрата.
| Атрибут | Функция |
| <UL TYPE=disc><LI> disc </UL> | · disc |
| <UL TYPE=circle><LI> circle </UL> | o circle |
| <UL TYPE=square><LI> square </UL> | § square |