Списки

спискиСписки занимают в тексте важное место. Они помогают автору значительно упорядочить и систематизировать свою информацию и представить её более наглядно для посетителей сайта.

Списки можно разделить на два основных вида: Нумерованные(упорядоченные) и ненумерованные (неупорядоченные).
Любой список представляет из себя контейнер, заключённый между тегами, определяющими этот список <ul> или <ol>, теги <li> назначают пункты списка внутри контейнера.

Ненумерованные списки
Тег <ul> устанавливает ненумерованный(ещё его называют маркированный) список. Каждый элемент списка начинается с тега <li>. Элемент тега <ul> выглядит так: <ul> <li>пункт ненумерованного списка</li>  </ul>.
Параметры тега <ul>:
type — устанавливает тип маркера списка. Рассмотрим на примере виды применяемых маркеров. Поместим в шаблон следующий HTML-код:
<ul type="disc">
<li >Пункт списка наследует свойства тега UL</li>
<li type="circle">Пункт списка с маркером незакрашенного круга</li>
<li type="square">Пункт списка с квадратным маркером</li>
</ul>
Пример исполнения кода виден на рисунке:
тег ul
Как Вы видите тег <li> в первом пункте списка унаследовал свойства, заданные тегу <ul>, это свойство тега <li> надо учитывать при работе со списками. Если параметры маркера не указывать, то по-умолчанию применяется закрашенный кружок.

Нумерованные списки
Нумерованные списки представляют собой контейнер с набором пунктов, идущих под порядковыми номерами.
Сам список определяет тег <ol>. Все элементы списка  также должны начинаться с тега <li>.
Рассмотрим пример такого списка по-умолчанию, поместив его код в шаблон.

<ol>
<li>Пункт1</li>
<li>Пункт2</li>
<li>Пункт3</li>
</ol>

Результат на рисунке:

тег ol
Параметры тега <OL>
Параметр TYPE
Параметр TYPE определяет вид и тип нумерации тега <ol>. Для маркировки  могут быть использованы следующие значения:

  • строчные римские цифры — <ol type="i">
  • заглавные римские цифры — <ol type="I">
  • заглавные латинские буквы — <ol type="A">
  • строчные латинские буквы — <ol type="a">
  • арабские цифры — <ol type="1">

Рассмотрим примеры применения нумерованного списка с разными значениями параметра TYPE:

<ol type="a"><li>Пункт со строчными латинскими буквами</li></ol>
<ol type="1"><li>Пункт с арабскими цифрами</li></ol>
<ol type="A"><li>Пункт с заглавными латинскими буквами</li></ol>
<ol type="I"><li>Пункт с заглавными римскими цифрами</li></ol>
<ol type="i"><li>Пункт с строчными римскими цифрами</li></ol>

<ol type="1"><li>Пункт с арабскими цифрами</li></ol>
<ol type="A"><li>Пункт с заглавными латинскими буквами</li></ol>
<ol type="I"><li>Пункт с заглавными римскими цифрами</li></ol>
<ol type="i"><li>Пункт с строчными римскими цифрами</li></ol>

Результат на скриншоте:
тег ol

Параметр START
Параметр start назначает номер, с которого должен начинаться список. При том не имеет никакого значения, какой вид списка применяется с использованием параметра type. Аргумент start аналогично работает как с римскими, так и с арабскими числами.
Рассмотрим пример:
<ol type="I" start="7">
<li>Пункт7</li>
<li>Пункт8</li>
<li>Пункт9</li>
<li>Пункт10</li>
</ol>

параметр start
Тег <LI> также имеет свой параметр, рассмотрим его:
Параметр VALUE
Параметр value назначает номер, с которого должен начинаться список. Он применяется только для нумерованных списков, если тег <LI> находится внутри контейнера <OL>. При этом нет разницы, какой вид списка используется с помощью параметра type, аргумент value одинаково применим к римским и  арабским числам.
Рассмотрим код:
<ol>
<li type="I" value="7">Пункт 7</li>
<li type="I">Пункт 8</li>
<li type="I">Пункт 9</li>
<li type="I">Пункт 10</li>
</ol>

Результат виден на рисунке:

параметр Value

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

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

Перед отправкой формы:
Human test by Not Captcha