Форматирование списков
Поговорим немного о списках, ведь рано или поздно вам придется с ними столкнуться. Списки бывают нескольких типов:
маркированные списки;
упорядоченные списки;
списки определений.
Списки определений
Это особый вид списков, который не имеет специальных символов перечисления. Содержит следующие теги:
<dl> - список определений;
<dt> - термин;
<dd> - определение термина.
Форматирование
HTML
Для упорядоченных списков <ul> существуют следующие виды форматирования:
type="circle" - незаполненная окружность;
type="disc" - заполненный круг;
type="square" - заполненный квадрат.
Для нумерованных списков <ol> существуют следующие виды форматирования:
type="a" - нумерация строчными латинскими буквами;
type="A" - нумерация прописными латинскими буквами;
type="i" - нумерация строчными римскими цифрами;
type="I" - нумерация прописными римскими цифрами;
type="1" - нумерация арабскими цифрами.
Нумерованные списки <ol> можно начинать с определенного значения:
start - используется с тегом <ol> ;
value - используется с тегом <li> и устанавливает начальное значение списка;
CSS
Для списков предусмотрены следующие атрибуты CSS:
list-style-type - вид маркера;
none - нет символов;
disc - незаполненная окружность;
circle - заполненная окружность;
square - заполненный квадрат;
decimal - нумерация арабскими цифрами;
lower-roman - нумерация строчными римскими цифрами;
upper-roman - нумерация прописными римскими цифрами;
lower-alpha - нумерация строчными латинскими буквами;
upper-alpha - нумерация прописными латинскими буквами;
list-style-position - положение маркера относительно текста;
list-style-image - адрес изображения, используемого в качестве маркера;
list-style - позволяет задать значения всех трех или нескольких вышеперечисленных атрибутов одновременно.
Пример использования форматированных списков: Пример №11
HTML-код страницы:
top
