Выравнивание блока текста осуществляется с помощью атрибута ALIGN тэга <DIV>текст</DIV>.
Атрибут ALIGN могут иметь значения:
ALIGN=»LEFT» – выравнивание по левому краю
ALIGN=»RIGHT» – выравнивание по правому краю
ALIGN=»CENTER» – выравнивание по центру
ALIGN=»JUSTIFY» – выравнивание по обоим краям
Пример: HTML код:
<DIV ALIGN=»CENTER»>Текст, выровненный по центру</DIV>
Обратите внимание, что атрибут ALIGN можно применять во многих тэгах, например:
<P ALIGN=»JUSTIFY»>текст</P> – выравнивание абзаца
<TD ALIGN=»CENTER»>текст</TD> – выравнивание текста в ячейке таблицы
<H1 ALIGN=»CENTER»>текст</H1> – выравнивание заголовка и т.д.
Отцентрировать блок текста можно также и с помощью тэга <CENTER>текст</CENTER> без атрибута ALIGN.
Горизонтальная разделительная линия
Вывод горизонтальной линии осуществляется с помощью тэга <hr>
В этом тэге можно применять атрибуты:
ALIGN=LEFT / CENTER / RIGHT – выравнивание линии.
NOSHADE – линия без тени.
SIZE – толщина линии в пикселях.
WIDTH – ширина линии.
Пример: HTML код:
<HR> <HR ALIGN=”CENTER” SIZE=”10” WIDTH=”50%” NOSHADE>
|
|
Результат выполнения – обычная линия:
В итоге на экране браузера можно будет видеть линию шириной 5 пикселей, выровненную по центру, шириной 50 процентов от ширины страницы, без тени.
Алгоритм создания текстового документа:
Шаг 1. Откройте обычный блокнот
Шаг 2. Напишите код и вставьте в блокноте
Шаг 3. Сохраните скопированный код в файле с произвольным именем, но с расширением HTML, например как index.html и кликните на нем мышкой. Запустится браузер, в окне которого на белом фоне, разными шрифтами будет отражаться контент (содержание) страницы. Поэкспериментируйте сначала с заменой текста, размерами, вставкой линий, изменением заголовков и т.д.