Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

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


Почтовая рассылка -  Создать сайт самому? Не проблема!       Номер рассылки - 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. Атрибут type устанавливает внешний вид маркера. Круглый (circle), квадратный (square) или дисковидный (disc), который, кстати, используется по умолчанию. Например:

<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  - Мы вам поможем!


В избранное