Выравнивание текста - Самоучитель HTML - WEB - Статьи

Главная » Статьи » WEB » Самоучитель HTML

Выравнивание текста

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

Для установки выравнивания текста обычно используется тег параграфа <p> с атрибутом align, который определяет способ выравнивания. Также блок текста допустимо выравнивать с помощью тега <div> с аналогичным атрибутом align. Он может принимать следующие значения:

left — выравнивание по левому краю, задается по умолчанию;
right — выравнивание по правому краю;
center — выравнивание по центру;
justify — выравнивание по ширине (одновременно по правому и левому краю). Это значение работает только для текста, длина которого более, чем одна строка.

Атрибут align можно применять как для текста, так и для заголовков (пример 7.4).

Пример 7.4. Способы выравнивания текста

HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>Выравнивание текста</title>
 </head>
 <body>
 <h1 align="center">Как поймать льва?</h1>
 <h2 align="right">Метод перебора</h2>
 <p align="justify">Делим пустыню на ряд элементарных участков, размер 
 которых совпадает с габаритными размерами льва, но при этом меньше размера 
 клетки. Далее простым перебором определяем участок, в котором находится лев,
 что автоматически приводит к его поимке.</p>
 <h2 align="right">Метод дихотомии</h2>
 <p align="justify">Делим пустыню на две половины. В одной части - лев, в 
 другой его нет. Берем ту половину, в которой находится лев, и снова делим 
 ее пополам. Так повторяем до тех пор, пока лев не окажется пойман.</p>
 </body>
</html>

Результат данного примера показан на рис. 7.4.

Рис. 7.4

Рис. 7.4. Вид текста при его выравнивании

Категория: Самоучитель HTML | Добавил: expert1 (31.01.2013)

Просмотров: 515 | Теги: html, Самоучитель | Рейтинг: 0.0/0

Всего комментариев: 0

Главное меню

Вход

Статистика

Стихи

Рекомендуем

Загрузки

Проекты