House of Horse. Главная

Сайтостроение

Создание сайта Раскрутка сайта Заработок на сайте ...еще о сайтостроении

HTML. Создание списков

В последнее время веб-мастера пользуются следующими списками html страницы: нумерованными, маркированными, многоуровневыми и списком определения. Перечислим основное применение этих списков:
-маркированные списки служат для перечисления элементов, идущих в произвольном порядке;
-нумерованные списки нужны для перечисления элементов, идущих в строго определенном порядке;
-список определений, чаще всего, применяется для форматирования словарей;
-многоуровневые списки html страницы используются для конкретизации информации некоторых определенных элементов;

Рассмотрим более подробно нумерованный список нашей html страницы. Для создания подобных нумерованных списков применяются тэги <OL> и <LI>. Тэгом <OL> отображается начало и окончание полного списка. Тэгом <LI> отмечается соответственно начало и окончание отдельного элемента этого списка. Принято по умолчанию нумеровать все элементы списка по порядку: 1, 2, 3, 4… Используя атрибут TYPE можно легко изменить весь стиль нумерации.
Например, при значении TYPE – А, получаем нумерацию А, В, С…При значении TYPE – а, следует нумерация а, в, с… При значении TYPE – I, получаем нумерацию i, ii, iii… При значении TYPE -1, получаем нумерацию 1. 2. 3…
Если мы дополним уже реально существующий список html страницы новыми значениями, то браузер пересчитает список html автоматически. При содействии атрибутов START и VALUE существует возможность поменять порядок нумерации списка html страницы. Атрибут START предназначен для задания начального номера списка html страницы, отличного от 1. В свою очередь VALUE предоставляет возможность присвоить произвольный номер любому элементу из данного списка.

К примеру, если у нас HTML-код:

<ol>
<li> фрагмент 1</li>
<li> фрагмент 2</li>
<li> фрагмент 3</li>
</ol>

То получаем отображение в браузере:

  1. фрагмент 1
  2. фрагмент 2
  3. фрагмент 3

Когда у нас HTML-код:

<ol type="A">
<li> фрагмент 1</li>
<li> фрагмент 2</li>
<li> фрагмент 3</li>
</ol>

То отображается:

  1. фрагмент 1
  2. фрагмент 2
  3. фрагмент 3

И напоследок, если код:

<ol start="5">
<li> фрагмент 1</li>
<li value="9"> фрагмент 2</li>
<li> фрагмент 3</li>
</ol>

То в браузере:

  1. фрагмент 1
  2. фрагмент 2
  3. фрагмент 3

Когда требуется создать маркированные списки html страницы, используют тэги <UL> и <LI>. Поэтому тэгом <UL> отображается начало и завершение всего списка html страницы, а соответственно тэгом <LI> отмечается начало и окончание отдельного фрагмента списка html страницы. По умолчанию фрагменты списка отмечаются черным кружочком. Применяя атрибут TYPE, становится возможным поменять стиль маркировния. Нужно запомнить, что в пределах одного списка html страницы можно применять различную маркировку фрагментов списка.

Пример:

<ul>
<li> фрагмент 1</li>
<li> фрагмент 2</li>
<li> фрагмент 3</li>
</ul>

Получаем отображение в браузере:

Для составления многоуровневых списков html страницы можно применять как нумерованные списки, так и маркированные, или их сочетание. Таким образом, многоуровневый список создается методом вложения первого списка в тело второго. Основная задача при таких манипуляциях не запутаться. Чтобы этого избежать я вам советую оставлять различные отступы для созданных списков.

Для составления списков определений применяют три тэга:
- тэг <DL> - начало и завершение списка;
- тэг <DT> - начало и конец конкретного термина;
- тэг <DD> - начало и завершение поясняющей статьи термина;
Следует учитывать, что теги <DD> и <DT> не обязательно нужно чередовать. Таким образом, можно «приклеить» к одному термину несколько других терминов, и наоборот.

Приведем пример HTML-кода:

<dl>
<dt>Фрагмент 1</dt>
<dd>Объяснение1 к фрагменту 1</dd>
<dd> Объяснение 2 к фрагменту 1</dd>
</dl>

А вот, что у нас отобразится в браузере:

Фрагмент 1
Объяснение1 к фрагменту 1
Объяснение 2 к фрагменту 1


© HouseOfHorse.ru, 2009-2011