Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 16 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

щей также не должен встречаться внутри преформатированного текста, однако если встречается, то будет реализовывать
переход на новую строку (без образования пустой).
2.3.5. Выравнивание текста
Способ вывода текста на экран очень важен с точки зрения читаемости и эстетики. Выравнивание играет большую роль,
определяя, каким образом текст располагается на странице по отношению к другим объектам.
Обычно текст выравнивается по левому краю (как минимум в большинстве западных языков). Это означает, что он на-
чинается с левого края страницы. По правому краю текст неровный. Этот край называется зазубренным правым.
Однако имеются и другие виды выравнивания. В более коротких разделах текст можно выравнивать по правому краю
или по центру. Таким образом, можно не только выделить текст, но и разделить пространство, чтобы дать глазам отдохнуть
от стандартного выравнивания.
Рассмотрим существующие типы выравнивания.
• По умолчанию. Когда для текста не указано никакое выравнивание, браузеры выбирают для него значение по умол-
чанию, т.е. стандартное выравнивание по левому краю с зазубренным правым краем.
• По левому краю (значение атрибута align="left"). Это то же самое, что и значение для браузера по умолчанию. Одна-
ко его можно использовать и в качестве явного значения выравнивания. Это особенно полезно, когда на странице использу-
ется и другой вид выравнивания и требуется сделать так, чтобы часть текста была выровнена по левому краю.
• По правому краю (значение атрибута align="right"). Означает выравнивание текста по правому краю с зазубренным
левым. Выравнивание по правому краю является интересным специальным эффектом, но обычно его надо использовать для
выделения, а не для стандартного основного текста.
• По центру (значение атрибута align="center"). Центрирование текста, как и выравнивание по правому краю, создает
визуальное выделение. Однако не следует злоупотреблять этим выравниванием. Многие дизайнеры-новички часто исполь-
зуют центрированный текст, но чего они в действительности добиваются, так это свободного пространства и наглядной тек-
стуры, так как центрированный текст выглядит более интересно. Однако читать такой текст долгое время будет утомитель-
но.
• По ширине (значение атрибута align="justify"). Означает такое расположение текста, при котором оба его края вы-
ровнены.
Выравнивание текста можно осуществлять двумя способами.
1. Выравнивание текста с помощью элемента абзаца. Используется тег <Р align="…"> … </Р> . Но поскольку тег абза-
ца влияет только на свой абзац, то для форматирования всей страницы значение придется присваивать каждому открываю-
щемуся тегу абзаца. Хотя этот прием корректно работает, он является довольно громоздким.
2. Использование тега <DIV align="…"> … </DIV>. Внутрь этого тега помещают весь текст, выравниваемый в соот-
ветствии со значением атрибута align.
2.4. СПИСКИ
Списки в HTML позволяют разделить информацию на логические последовательности элементов. Создаваемые на ос-
нове стилей форматирования текста, эти списки достаточно стабильны, так как поддерживаются браузерами с самых ранних
этапов развития языка.
Общие теги списков:
• <UL>...</UL> – неупорядоченный, или маркированный список;
• <OL>... </OL> – упорядоченный, или нумерованный список;
• <LI> – тег элемента списка (закрывающий тег не требуется).
Списки не только помогают ясно изложить информацию, но и логически упорядочивают ее, позволяя вести читателей
согласно заранее установленному порядку от одного элемента к другому. Благодаря спискам содержимое документов можно
представить таким образом, чтобы быстро и в нужной последовательности ознакомить читателей с основными их идеями.
Еще одна важная особенность списков – возможность использования отступов, которые позволяют разделять информа-
цию. Таким образом, внимание посетителя узла сосредоточивается на необходимой информации, а кроме того, появляется
малозаметный, но важный элемент дизайна: плавное течение текста, а не строгое ограничение части пространства. Списки,
таким образом, делают документ более логичным, организованным и наглядным.
Чаще всего используются маркированные списки. В них перед каждым элементом вместо числовых значений упорядо-
ченного списка ставятся некоторые символы. Для стандартного невложенного маркированного списка символом по умолча-
нию является диск. Неупорядоченные списки начинаются и заканчиваются тегами <UL> и </UL>. Между тегами можно
разместить информацию. Ею чаще всего являются некоторые неупорядоченные элементы, перед каждым из которых стоит
тег элемента списка <LI>, например:
<UL>
<LI>Ручка
<LI>Стакан с водой
<LI>Маленький желтый блокнот
</UL>
Эта информация появляется в виде однострочных элементов, перед каждым из которых стоит круглый маркер (рис. 2).

Страницы