Главная

Фото

Форум

Гостевая

Хостинг

-=Поговорим о HTML=-

Глава 4. Организация вида внутри документа
  • Ненумерованные списки: <UL> и </UL>
  • Нумерованные списки: <OL> и </OL>
  • Списки определений: <DL> и </DL>
  • Вложенные списки
  • Форматированный текст: <PRE> и </PRE>
  • Текст с отступом: <BLOCKQUOTE> и </BLOCKQUOTE>

      HTML позволяет определять внешний вид целых абзацев текста. Абзацы можно организовывать в списки, выводить их на экран в отформатированном виде, или увеличивать левое поле. Разберем все по порядку.

Ненумерованные списки: <UL> ... </UL>

      Текст, расположенный между меткамb <UL> и </UL>, воспринимается как ненумерованный список. Каждый новый элемент списка следует начинать с метки <LI>. Например, чтобы создать вот такой список:

  • Иван;
  • Данила;
  • белая кобыла

необходим вот такой HTML-текст:

<UL> 
<LI>Иван; 
<LI>Данила; 
<LI>белая кобыла 
</UL>

Обратите внимание: у метки <LI> нет парной закрывающей метки.

Нумерованные списки: <OL> ... </OL>

      Нумерованные списки устроены точно так же, как ненумерованные, только вместо символов, выделяющих новый элемент, используются цифры. Если слегка модифицировать наш предыдущий пример:

<OL> 
<LI>Иван; 
<LI>Данила; 
<LI>белая кобыла 
</OL>

получится вот такой список:

  1. Иван;
  2. Данила;
  3. белая кобыла

Списки определений: <DL> ... </DL>

      Список определений несколько отличается от других видов списков. Вместо меток <LI> в списках определений используются метки <DT> (от английского definition term — определяемый термин) и <DD> (от английского definition definition — определение определения). Разберем это на примере. Допустим, у нас имеется следующий фрагмент HTML-текста:

<DL> 
<DT>HTML 
<DD>Термин HTML (HyperText Markup Language) означает 'язык 
маркировки гипертекстов'. Первую версию HTML разработал сотрудник 
Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли. 
<DT>HTML-документ 
<DD>Текстовый файл с расширением *.htm (Unix-системы могут 
содержать файлы с расширением *.html). 
</DL>

Этот фрагмент будет выведен на экран следующим образом:

HTML
Термин HTML (HyperText Markup Language) означает 'язык маркировки гипертекстов'. Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.
HTML-документ
Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html).

     Обратите внимание: точно так же, как метки <LI>, метки <DT> и <DD> не имеют парных закрывающих меток. Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку <DL COMPACT>. Например, вот такой фрагмент HTML-текста:

<DL COMPACT> 
<DT>А 
<DD>Первая буква алфавита 
<DT>Б 
<DD>Вторая буква алфавита 
<DT>В 
<DD>Третья буква алфавита 
</DL>

будет выведен на экран примерно так:

А
Первая буква алфавита
Б
Вторая буква алфавита
В
Третья буква алфавита

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

     Элемент любого списка может содержать в себе целый список любого вида. Число уровней вложенности в принципе не ограничено, однако злоупотреблять вложенными списками все же не следует. Вложенные списки очень удобны при подготовке разного рода планов и оглавлений. Наши знания о списках можно вкратце свести в пример 6:

<html>
<head> 
<title>Пример 6</title> 
</head> 
<body> 
<H1>HTML поддерживает несколько видов списков </H1> 
<DL>
<DT>Ненумерованные списки 
<DD>Элементы ненумерованного списка выделяются специальным 
символом и отступом слева: 
<UL> 
<LI>Элемент 1 
<LI>Элемент 2 
<LI>Элемент 3 
</UL> 
<DT>Нумерованные списки 
<DD>Элементы нумерованного списка выделяются отступом слева, а 
также нумерацией: 
<OL> 
<LI>Элемент 1 
<LI>Элемент 2 
<LI>Элемент 3 
</OL> 
<DT>Списки определений 
<DD>Этот вид списков чуть сложнее, чем два предыдущих, но и 
выглядит более эффектно. 
<P>Помните, что списки можно встраивать один в другой, но не 
следует закладывать слишком много уровней вложенности. </P> 
<P>Обратите внимание, что внутри элемента списка может находиться 
несколько абзацев. Все абзацы при этом будут иметь одинаковое 
левое поле. </P> 
</DL> 
</body> 
</html>

Форматированный текст: <PRE> ... </PRE>

     В самом начале мы говорили о том, что браузеры игнорируют множественные пробелы и символы конца строки. Из этого правила, однако, есть исключение. Текст, заключенный между меткам <PRE> и  </PRE> (от английского preformatted — предварительно форматированный), выводится браузером на экран как есть — со всеми пробелами, символами табуляции и конца строки. Это очень удобно при создании простых таблиц.

Текст с отступом: <BLOCKQUOTE> ... </BLOCKQUOTE>

     Текст, заключенный между метками <BLOCKQUOTE> и </BLOCKQUOTE>, выводится браузером на экран с увеличенным левым полем.

|Предыдущая глава|Оглавление|Следующая глава|

MONTANAS HOMEPAGE

MAXXX's page

Рейтинг@Mail.ru

© Design by Ivanov Sergey

Сайт создан в системе uCoz