←Главная страница→
←Главная страница→

Списки

      

      Списки-это набор предложений или фраз ,которые начинаются с маркeра или цифры.Поделим виды списков на три раздела:
  1. Нумерованные списки
  2. Маркированные списки
  3. Списки определений
      Нумерованные списки представляют из себя набор пунктов с их порядковыми номерами.Данные списки вводятся тегом <ol>...</ol>,а каждый их пункт-тегом<li>...Тег <li> не требует закрытия,но желательно добавлять закрывающий тег для лучшего восприятия кода HTML.

<ol>
<li>example1</li>
<li>example2</li>
<li>example3</li>
<li>example4</li>
<ol>

  1. example1
  2. example2
  3. example3
  4. example4

Для определения типа списка используется параметр type(<ol type=" ">)
<ol type="1">
<li>пункт1</li><li>пункт2</li><li>пункт3<li></ol>
  1. пункт1
  2. пункт2
  3. пункт3
  • арабские числа
<ol type="A">
<li>пункт1</li> <li>пункт2</li> <li>пункт3</li></ol>
  1. пункт1
  2. пункт2
  3. пункт3
  • прописные латинские буквы
<ol type="a">
<li>пример1</li><li>пример2</li><li>пример3</li></ol>
  1. пример1
  2. пример2
  3. пример3
  • строчные латинские буквы
<ol type="I">
<ol><li>пример1</li><li>пример2</li><li>пример3</li></ol>
  1. пример1
  2. пример2
  3. пример3
  • прописные римские цифры
<ol type="i">
<li>пример1</li><li>пример2</li><li>пример3</li></ol>
  1. пример1
  2. пример2
  3. пример3
  • строчные римские цифры

      Маркированные списки определяются тем,что перед каждым пунктом появляется значок(маркер).Список образется с помощью тега <ul>...</ul>,а каждый пункт тегом <li>...</li>.
<ul>
<li>example1</li>
<li>example2</li>
<li>example3</li>
</ul>
  • example1
  • example2
  • example3

Маркеры имеют три вида:круг,квадрат и окружность.
<ul type="disc">
<li>пример1</>
<li>пример2</li>
<li>пример3</li>
</ul>
  • пример1
  • пример2
  • пример3

disc--круг

<ul type="square">
<li>пример1</li>
<li>пример2</li>
<li>пример3</li>
</ul>
  • пример1
  • пример2
  • пример3

square--квадрат

<ul type="circle">
<li>пример1</li>
<li>пример2</li>
<li>пример3</li>
</ul>
  • пример1
  • пример2
  • пример3

circle--окружность

      Списки определений состоят из терминов и их определений.Они задаются с помощью тега <dl>...</dl>,термины тегом <dt>...</dt> и определения тегом <dd>...</dd>.
<dl>
<dt>термин1</dt>
<dd>определение1</dd>
<dt>термин2</dt>
<dd>определение2</dd>
</dl>		<dl>
<dt>cellspacing</dt>
<dd>данный параметр регулирует расстояние между соседними ячейками таблицы по вертикали и горизонтали.</dd>
<dt>cellpadding</dt>
<dd>данный параметр регулирует отступ между рамкой и содержимым.</dd>
<dl>
cellspacing
данный параметр регулирует расстояние между соседними ячейками таблицы по вертикали и горизонтали
cellpadding
данный параметр регулирует отступ между рамкой и содержимым.

<<<Назад|Далее >>>
.
Hosted by uCoz