На главную | К содержанию раздела

Списки

Безусловно, форматировать отдельные участки текста было бы очень сложно, если бы нельзя было использовать списки. Как и в большинстве случает, HTML позволяет создавать нумерованные (то есть перечисляемые (12345 …) ) и маркированные (используя различные варианты символов (точки, ромбики, кружочки, квадратики … )) списки. Поэтому, можно выбрать тот стиль оформления, который более удобен именно вам.

Рассмотрим вариант создания списков.

Тэг UL – создание неупорядоченного списка. Тэг имеет ряд параметров:

• START – позволяет определить, с какого числа будет начинаться нумерованный список.
• TYPE - определяет стиль нумерации пунктов:
  - "A" - заглавные буквы A, B, C ...
  - "a" - строчные буквы a, b, c ...
  - "I" - большие римские I, II, III ...
  - "i" - маленькие римские i, ii, iii ...
  - "1" - арабские числа 1, 2, 3 ...

Тэг OL - создание упорядоченного (или нумерованного) списка

Тэг LI - создает пункты меню внутри элементов OL или UL. Причем для маркированных списков позволяет определить символ (параметр type), который будет использоваться. Например: <li type="square">

• disk – картинка диска (незакрашенный круг)
• circle – закрашенный круг
• square – квадрат

Вы можете использовать тэги по отдельности, либо комбинировать их и создавать вложенные списки и регулировать отступы. А это бывает достаточно удобно. Например:

<ul><li>Базовый текст</li></ul>
<ul><ul><li>увеличить отступ, как в MS Word</li></ul></ul>

Если вам нужно, можете использовать отступы. Например:

<ul>Раз ступенька</ul>
<ul><ul>Два ступенька</ul></ul>
<ul><ul><ul>Три ступенька</ul></ul></ul>

Листинг 7
<ol start = 5>
<li>пункт первый-нумерованный
<li>пункт второй-нумерованный
<ul>
<li>пункт первый-маркированный
<li>пункт второй-маркированный
</ul>
<oll>
<br>
<ul>Раз ступенька</ul>
<ul><ul>Два ступенька</ul></ul>
<ul><ul><ul>Три ступенька</ul></ul></ul>

<ul><li>Базовый текст</li></ul>
<ul><ul><li>увеличить отступ, как в MS Word</li></ul></ul>

Результат представлен на рисунке ниже.

Рис. 6

Разговор об использовании списков был бы не полон, если не затронуть тэги <dl> и <dd>. Они позволяют форматировать списки определений. Как это деляется видно из листинга 8.

Листинг 8.
<DL COMPACT>
<DT>термин 1<DD>расшифровка термина 1
<DT>термин 2<DD>расшифровка термина 2
</DL>

Результат виден из следующего рисунка:

Рис. 7

Таким образом, HTML предоставляет достаточно много возможностей для работы с текстом, позволяя выделять его, делить на абзацы, отделять параграфы и многое другое. Главное в этом деле – не делать лишнего. Стилевое форматирование должно полностью соответствовать содержанию Интернет-страничек. Поэтому, не стоит использовать все вышеперечисленные возможности на одной странице. Представьте себе, если ваш текст будет разбросан по всей странице, крутиться в разные стороны и каждый иметь свой цвет. Конечно, это говорит о том, что вы знакомы с данными технологиями. Но попробуйте без напряжения это все потом прочитать.

На главную | К содержанию раздела