We
Study
Together
cat



Списки

Последний шаблон содержит неизвестный нам пока тег <li>…</li>. Именно благодаря нему, ссылки в меню расположены друг под другом и перед каждой стоит маркер.

Вот так выглядит кусок кода меню:
<ul>
<li><a href="09.html" target="_blank">link 1</a></li>
<li><a href="10.html" target="_blank">link 2</a></li>
<li><a href="11.html" target="_blank">link 3</a></li>
<li><a href= "mailto:address@mail.ru?subject=Hi!">contact</a></li>
</ul>


Списки в HTML бывают двух видов: упорядоченные (нумерованные) и неупорядоченные (ненумерованные). Отличаются они лишь способом оформления. Перед пунктами неупорядоченных списков обычно ставятся символы - точки, квадраты, ромбики и т.п. Пунктам упорядоченных списков предшествуют их номера.

Списки имеют следующие элементы:

  • ul - создает неупорядоченный список, между начальным и конечным тегами ul должны присутствовать один или несколько элементов li, обозначающих отдельные пункты списка.
  • ol - создает упорядоченный список, так же требует присутствие элементов li. Имеет атрибуты start и type. Start - определяет первое число, с которого начинается нумерация пунктов (только целые числа). Type - определяет стиль нумерации пунктов и может иметь значения:
    "A" - заглавные буквы A, B, C ...
    "a" - строчные буквы a, b, с ...
    "I" - большие римские числа I, II, III ...
    "i" - маленькие римские числа i, ii, iii ...
    "1" - арабские числа 1, 2, 3 ...

    По умолчанию type="1".

    <ol type="i" start="5">
    <li> список </li>
    <li> список </li>
    <li> список </li>
    </ol>


  • li - располагается внутри элементов ol или ul, cоздает пункт в списке. Может использоваться с атрибутом value изменяющим порядок нумерации элементов списка, если элемент li используется внутри ol. В качестве значения указывается порядковый номер элемента.

    Имеет атрибут type, значения которого отвечают за стиль элемента списка. Если выбран <li type="dick"> - каждая строка списка начинается с закрашенного черным цветом кружочка. Этот тип - принят по умолчанию. Значение <li type="circle"> - выводит окружность, залитую белым цветом. Значение <li type="square"> - прорисовывает черный квадрат.

    Атрибут type можно ввести для всего списка в целом:
    <ul type="square">
    <li> список </li>
    <li> список </li>
    <li> список </li>
    </ul>


    смотрим

    на следующую страницу  
  • Основы HTML
      
    Hosted by uCoz