Главная или честный способ заработка в сети Зачем мне это? Всё начинается с идеи

Списки

В html существует 3 типа списков.

  1. Ненумерованные (маркированные) списки.
    <UL>...</UL>

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

    <UL>
     <LI>Греча
     <LI>Макароны
     <LI>Курица
     <LI>Сосиски
     <LI>Хлеб
     <LI>Булка
     <LI>Сыр
    </UL>

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

    Маркированные списки могут иметь атрибут type, который определяет тип списка. Рассмотрим следующие значения атрибута type:

    • <UL type="disc">. Если атрибут type имеет значение disc или отсутствует (является значением по умолчанию) элементы списка будут обозначены чёрными кружками.
    • <UL type="square">. Элементы такого списка маркируются при помощи чёрных квадратиков.
    • <UL type="circle">. Если значением атрибута type является circle, каждый элемент списка будет обозначаться с помощью окружности.

    Атрибут type может быть применён как ко всему списку в целом, так и к каждому отдельному элементу списка, например:

    <UL>
     <LI type="circle">Греча
     <LI>Макароны
     <LI type="sguare">Курица
    </UL>


  2. Нумерованные списки. Каждый элемент списка нумеруется. Номера начинаются с цифры 1.
    <OL>...</OL>
    Всё то же самое, что и в ненумерованном списке, только в начале и в конце ставится другая пара тегов. Рассмотрим предыдущий пример, только теперь это будет нумерованный список.

    <OL>
     <LI>Греча
     <LI>Макароны
     <LI>Курица
     <LI>Сосиски
     <LI>Хлеб
     <LI>Булка
     <LI>Сыр
    </OL>

    А вот и результат.

    Нумерованные списки также могут иметь атрибут type.

    1. <OL type="a">. Каждый элемент такого списка маркируется маленькой буквой латинского алфавита, нумерация начинается с буквы a.
    1. <OL type="A"> Каждый элемент такого списка начинается с большой буквы латинского алфавита, нумерация начинается с буквы A.
    1. <OL type="I">. Список нумеруется латинскими цифрами.
    1. По умолчанию каждый элемент списка нумеруется арабской цифрой.

    В нумерованном списке можно задать первую цифру, делается это с помощью атрибута start. Применяется он следующим образом:

    <OL START="3">
     <LI>Греча
     <LI>Макароны
     <LI>Курица
    </OL>

    Означает сия запись следующее: нумерация списка будет начинаться не с единицы, а с тройки, то есть будет запись следующего вида:

    1. Греча
    2. Макароны
    3. Курица

    Также к любому элементу нумерованного списка можно приписать атрибут value. С помощью него изменяется порядок нумерации списка следующим образом:

    <OL START="3">
     <LI>Греча
     <LI VALUE="7">Макароны
     <LI>Курица
    </OL>

    Результат смотри ниже:

    1. Греча
    2. Макароны
    3. Курица

  3. Списки определений.
    <DL>...</DL>

    Всё, что находится между тегами <DL>...</DL> будет относится к списку определений. Тег <LI> в списках определений не используется, вместо него берут теги <DT> (definition term - определяемый термин, англ.) и <DD> (definition definition - определение определения, англ.). Ниже рассмотрим пример.

    <DL>
     <DT>Греча
     <DD>Это крупа, которую чаще всего едят с сосисками.
     <DT>Хлеб
     <DD>Без хлеба есть нельзя.
    </DL>

    Выглядеть всё это будет так.

    Если же определения терминов достаточно короткие, то можно использовать тег <DL COMPACT> вместо открывающего тега <DL>, например:

    <DL COMPACT>
     <DT>Греча
     <DD>Это крупа.
     <DT>Хлеб
     <DD>Всему голова.
    </DL>

    Так всё это будет выглядеть на экране монитора.

Также все типы списков можно вкладывать друг в друга, точнее элемент любого списка может содержать в себе новый список элементов, например:

<UL>
 <LI>В этом элементе содержится нумерованный список
 <OL>
  <LI>Первый элемент
  <LI>Второй элемент
  <LI>Третий элемент
 </OL>
 <LI>Здесь содержится список определений
 <DL COMPACT>
  <DT>Работа
  <DD>Не волк
  <DT>A
  <DD>Первая буква алфавита
 </DL>
</UL>

Результат здесь.


<<Предыдущая | Оглавление | Следующая>>