Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Списки в HTML






Упорядоченные (нумерованные) списки.

Такой список представляет собой перечень " пронумерованный" каким-либо образом. Это могут быть арабские цифры, цифры римского алфавита или буквы.

Чтобы указать браузеру, что список будет нумерованным, используются теги < OL> < /OL >. Весь список располагается между этими тегами и каждый его пункт задается тегами < LI> < /LI>.

По умолчанию нумерация ведется арабскими цифрами. Это можно изменить с помощью параметра type:

 

type=" A" – нумерация заглавными латинскими буквами (A, B, C)

type=" a" – нумерация прописными латинскими буквами (a, b, c)

type=" I" – нумерация большими римскими цифрами (I, II, III)

type=" i" – нумерация маленькими римскими цифрами (i, ii, iii)

 

Если нам нужно начать нумерацию не с единицы, то следует использовать параметр:

start – в качестве значения, которого указывается число, с которого будет начинаться список (если нумерация задается с помощью букв, то это число будет указывать на позицию в алфавите).

У тега < LI > можно задать параметр:

value – который позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

Пример: < html> < head> < title> < /title> < /head> < body> < ol type=" I" start=" 2" > < li> второй< /li> < li> третий< /li> < li value=" 7" > седьмой< /li> < /ol> < /body> < /html> Результат:

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

В маркированном списке вместо букв и цифр используются маркеры. Чтобы указать браузеру, что список будет маркированным, используются теги < UL> < /UL>. Весь список располагается между этими тегами и каждый его пункт задается тегами < LI> < /LI>.

По умолчанию маркер отображается в виде черного кружочка. Это можно изменить с помощью параметра type:

type=" disc" – закрашенный кружочек •

type=" circle" – пустой кружочек ○

type=" square" – закрашенный квадратик ■

 

Пример: < html> < head> < title> < /title> < /head> < body> < ul type=" disc" > < li> первый< /li> < li> второй< /li> < li> третий< /li> < /ul> < /body> < /html> Результат:

Списки определений

Таки списки используются в словарях. Каждый пункт состоит из двух частей: термин и его определение. Чтобы указать браузеру, что будет список определений, используются теги < DL> < /DL>. Каждый термин заключается в теги < DT> < /DT>, а их определения – в теги < DD> < /DD>.

< DT> < /DT> – новый термин

< DD> < /DD> – новое определение для термина

 

Пример: < html> < head> < title> < /title> < /head> < body> < dl> < dt> Термин 1< /dt> < dd> Определение термина 1< /dd> < dt> Термин 2< /dt> < dd> Определение термина 2< /dd> < /dl> < /body> < /html>   Результат:

Вложенные (комбинированные) списки:

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

Пример: < html> < head> < title> < /title> < /head> < body> < ul> < li> Животные < ol> < li> кошки< /li> < li> собаки< /li> < /ol> < /li> < li> Растения < ol> < li> деревья< /li> < li> цветы< /li> < /ol> < /li> < /ul> < /body> < /html> Результат:





© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.