[Image] Понедельник, 18.11.2024, 07:42 [Image]
SEO, технологии, игры, IT новости
[Image] Главная Регистрация Вход [Image]
[Image] Приветствую Вас, Гость · RSS [Image]
Меню сайта

Форма входа
 Блог
Главная » 2010 » Июнь » 14 » Организация текста
17:51
Организация текста

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" не имеют парных закрывающих меток.

Если определяемые термины достаточно коротки, можно использовать модифицированную открывающую метку

 

. Например, вот такой фрагмент 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", выводится браузером на экран с увеличенным левым полем.

Категория: Создание сайтов | Просмотров: 1703 | Добавил: witkom8382 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Copyright MyCorp © 2024
Категории
Оптимизация сайта [591]
Создание сайтов [355]
Заработать в интернете [508]
Технологии [46]
Полезное [391]
Услуги и сервисы [317]
Автоблог [105]
Скрипты для Ucoz [39]
Движок на сайт [10]
Все о Joomla и Drupal [20]
Все о PHP [91]
Поиск
Пользовательский поиск
Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Seo сайт, технологии продвижения, мета теги, оптимизация сайтов, новости сео, Скрипты, Ucoz

Рейтинг@Mail.ru