Учебники по HTML Глава 4. Организация текста внутри документа

 

 

Главная Учебники по HTML и CSS Статьи про Html Шаблоны сайтов Про Хостинг Заработок Продвижение

Практическое руководство по HTML

Глава 4. Организация текста внутри

документа

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

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

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

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

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

 

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

 

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

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

 

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

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

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

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

Допустим, у нас имеется следующий фрагмент HTML-текста:

 

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

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

 

HTML-документ < DD>Текстовый файл с расширением *.htm (Unix-системы могут содержать файлы с расширением *.html).

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

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

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

 

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

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

HTML поддерживает несколько видов списков

Ненумерованные списки
Элементы ненумерованного списка выделяются специальным символом и отступом слева:
  • Элемент 1
  • Элемент 2
  • Элемент 3
Нумерованные списки
Элементы нумерованного списка выделяются отступом слева, а также нумерацией:
  1. Элемент 1
  2. Элемент 2
  3. Элемент 3
Списки определений
Этот вид списков чуть сложнее, чем два предыдущих, но и выглядит более эффектно.

Помните, что списки можно встраивать один в другой, но не следует закладывать слишком много уровней вложенности.

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

 

 

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

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

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

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

<BLOCKQUOTE>
Текст

</BLOCKQUOTE>

 

 

К предыдущей главе| К оглавлению|К следующей главе

 

 

Николай Чувахин, адрес электронной почты nc@iname.com , сервер Интернет http://www.yi.com/home/ChuvakhinNikolai/ .

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