Почтовая рассылка -  Создать сайт самому? Не проблема!       Номер рассылки - 5       Дата выпуска - 2010-03-10

Уроки HTML.Теги списков

В html документах используются три вида списков: пронумерованные, промаркированные и списки определений или как их еще называют – списки описаний. Отдельно о вложенных списках, то есть одного списка внутри другого. Создаются такие списки очень просто. Для этого достаточно расположить пару тегов (открывающий и закрывающий) внутри другой пары. Итак:

Списки пронумерованные

В случае формирования пронумерованных списков, браузер автоматически вставит номер элементов списка по порядку. То есть, если вам нужно будет убрать какие-либо элементы списка, то браузер автоматически пересчитает, те что остались.

Начало пронумерованного списка определяется открывающим тэгом <ol> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:

<ol>
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ol>

В визуальном режиме это будет выглядеть так:

1. Сайт
2. Блог
3. Ресурс

Атрибуты тега <ol> - type и start.
Атрибут type устанавливает стиль нумерации элементов списка и может принимать следующие значения:

«А» - заглавные буквы A, B, C ...
«а» - строчные буквы a, b, c ...
«I» - большие римские числа I, II, III ...
«i» - маленькие римские числа i, ii, iii ...
«1» - арабские числа 1, 2, 3 ...
По умолчанию <ol type="1" >
Атрибут start. устанавливает первое число, с которого начинается нумерация элементов списка. Может быть: start="1,2,3.. и.т.д."
Например, нумерованный список:

<ol type="I" start="5">
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ol>

Будет выглядеть в визуальном режиме вот так:

V. Сайт
VI. Блог
VII. Ресурс

Списки промаркированные

Для промаркированных списков браузер применяет для отметки элемента списка маркеры. Вид маркера, обычно, определяется в таблице стилей.
Начало промаркированного списка определяется открывающим тэгом <ul> а конец – закрывающим тэгом </ol>. Все элементы списка начинаются с тэга <li>. Например:

<ul>
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ul>

В визуальном режиме это будет выглядеть так:

• Сайт
• Блог
• Ресурс

<ul type="square">
<li>Сайт</li>
<li>Блог</li>
<li>Ресурс </li>
</ul>

В визуальном режиме это будет выглядеть так:

• Сайт
• Блог
• Ресурс

Вложенные списки

Вот такой небольшой пример:

<ol>
<li> Сайт
<ul>
<li>Страница сайта1
<li>Страница сайта2
</ul>
<li> Блог
<ul>
<li>Страница блога1
<li>Страница блога2
</ul>
</ul>

В визуальном режиме это будет выглядеть так:

Сайт

• Страница сайта1
• Страница сайта2

Блог

• Страница блога1
• Страница блога2

Список определений

Список определений начинается с тэга <dl> и завершается тэгом </dl>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <dt> , а описание - тэгом <dd>. Например:

<dl>
<dl> <b> Статический сайт</b>
<DD> Содержит статическую информацию
<dt> <b> Динамический сайт</b>
<dd> Содержит динамическую информацию
<dt> <b> Сайт на движке</b>
<dd> Динамический сайт
</dl>

В визуальном режиме это будет выглядеть так:

Статический сайт

Содержит статическую информацию

Динамический сайт

Содержит динамическую информацию

Сайт на движке

Динамический сайт

Теги списков очень часто используются в создании раскрывающихся или выпадающих меню сайта.

Архив почтовой рассылки:

© Все права защищены. Копирование материалов - при обязательном указании авторства и ссылки на первоисточник

Реально ли создать сайт самому? Да вполне! Заходите на сайт рассылки  -  http://chvv.com.ua  - Мы вам поможем!