Студопедия

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

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

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






  • Списки в 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 :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.