Сайтостроение |
Создание сайта | Раскрутка сайта | Заработок на сайте | ...еще о сайтостроении |
В последнее время веб-мастера пользуются следующими списками 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>
То получаем отображение в браузере:
Когда у нас HTML-код:
<ol type="A">
<li> фрагмент 1</li>
<li> фрагмент 2</li>
<li> фрагмент 3</li>
</ol>
То отображается:
И напоследок, если код:
<ol start="5">
<li> фрагмент 1</li>
<li value="9"> фрагмент 2</li>
<li> фрагмент 3</li>
</ol>
То в браузере:
Когда требуется создать маркированные списки 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>
А вот, что у нас отобразится в браузере:
|
© HouseOfHorse.ru, 2009-2011 |
|