Большой архив статей, книг, документации по программированию, вебдизайну, компьютерной графике, сетям, операционным системам и многому другому
 
<Добавить в Избранное>    <Сделать стартовой>    <Реклама на сайте>    <Контакты>
  Главная Документация Программы Обои   Экспорт RSS E-Books
 
 

   Интернет технологии -> HTML / DHTML -> Практическое руководство по HTML


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

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

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

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

Текст, расположенный между метками <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>Текстовый файл с расширением *.html 
(Unix-системы могут содержать файлы 
с расширением *.htmll). 
</DL>

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

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

Обратите внимание: точно так же, как метки <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>, выводится браузером на экран с увеличенным левым полем.

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

 

 
Интересное в сети
 
10 новых программ
CodeLobster PHP Edition 3.7.2
WinToFlash 0.7.0008
Free Video to Flash Converter 4.7.24
Total Commander v7.55
aTunes 2.0.1
Process Explorer v12.04
Backup42 v3.0
Predator 2.0.1
FastStone Image Viewer 4.1
Process Lasso 3.70.4
FastStone Image Viewer 4.0
Xion Audio Player 1.0.125
Notepad GNU v.2.2.8.7.7
K-Lite Codec Pack 5.3.0 Full


Наши сервисы
Рассылка новостей. Подпишитесь на рассылку сейчас и вы всегда будете в курсе последних событий в мире информационных технологий.
Новостные информеры. Поставьте наши информеры к себе и у вас на сайте появится дополнительный постоянно обновляемый раздел.
Добавление статей. Если вы являетесь автором статьи или обзора на тему ИТ присылайте материал нам, мы с удовольствием опубликуем его у себя на сайте.
Реклама на сайте. Размещая рекламу у нас, вы получите новых посетителей, которые могут стать вашими клиентами.
 
Это интересно
 

Copyright © CompDoc.Ru
При цитировании и перепечатке ссылка на www.compdoc.ru обязательна. Карта сайта.