вторник, 15 января 2013 г.

Создание список на сайте


Списки бывают маркированные и нумерованные. Маркированные списки оформляются тегами <UL></UL> Между этими тегами пишутся теги <LI></LI>,Внутри которых, пишется элемент списка. К тегам <UL></UL> применяется атрибут TYPE=".." со значениями Square - квадратик, Circle - не закрашенный кружок, Disk - закрашенный кружок. Например для такого списка

  • Художественная литература
  • Техническая литература
  • Другая литература
Код будет таким:
<UL TYPE="square">
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</UL>

Если изменим значение TYPE="circle", список будет выглядеть так:
  • Художественная литература
  • Техническая литература
  • Другая литература
Значение TYPE="disk", маркировка списка будет такой: (это значение идет по умолчание, его вставлять не надо, привожу только для примера)
  • Художественная литература
  • Техническая литература
  • Другая литература
Нумерованные списки оформляются тегами <OL></OL> так же со значениями в атрибуте TYPE="..", в котором указывается как будет пронумерован список, по умолчанию, нумерованный список оформляется арабскими цифрами.

Таким кодом
<OL>
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Получится такой список:
  1. Художественная литература
  2. Техническая литература
  3. Другая литература
Если в код добавит атрибут со значением TYPE="A"
<OL TYPE="A">
<li>
Художественная литература</li>
<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Нумерация списка будет такой:
  1. Художественная литература
  2. Техническая литература
  3. Другая литература
Соответственно, если поставить маленькую букву a, то нумерация всего списка будет маленькими буквами, если поставить <OL TYRE="I">, то список будет пронумерован римскими цифрами:
  1. Художественная литература
  2. Техническая литература
  3. Другая литература
Списки могут быть и вложенными, например так:
  1. Художественная литература
    • Поэзия "....."
    • Проза "...."
    • Драматургия "....."
  2. Техническая литература
  3. Другая литература
Код будет таким:
<OL>
<li>
Художественная литература</li>
<UL>
<li>
Поэзия</li>
<li>
Проза</li>
<li>
Драматургия</li>
</UL>

<li>
Техническая литература</li>
<li>
Другая литература</li>
</OL>

Еще один параметр, применяемый к спискам в теге <OL> START="..." с цифровым значением. Он задает с какой цифры начнется нумерация списка.Если код будет таким <OL START="5">, то нумерация списка начнется не с 1, а с 5

Комментариев нет:

Отправить комментарий