Элементы форматирования
Текст – это основной вид информации размещенной на большинстве Web-страничек. Текстовые блоки складываются из отдельных строк, объединенных в абзацы. Абзацы начинаются с новой строки, а группа абзацев отделяются друг от друга заголовками.
Для форматирования абзацев и строк используют элементы <P>, <BR>, <NOBR> и <DIV>, свойства которых приведены ниже:
<P> – абзац. Текст абзаца размещается между тегами <P> и </P>.
<BR> – разрыв строки (новая строка). Одинарный тег <BR> заставляет
браузер перенести текст на новую строку независимо от
положения текущей строки.
<NOBR> – неразрывная строка. Текст, размещенный между тегами <NOBR>
и </NOBR>, будет размещен в браузере в одну строчку
независимо от ее длины.
<DIV> – раздел. Позволяет задавать параметры какого-либо фрагмента текста (выровнять текст, задать его размеры, разместить в нужном месте строки). Начальный тег <DIV> может быть дополнен многими атрибутами.
1.3.1 На основе приведенного ниже кода создайте в Блокноте новый файл
<HTML>
<HEAD>
<TITLE> Пример использования элементов форматирования </TITLE>
</HEAD>
<BODY>
ПРИМЕР <BR> разрыв строки
<P> Использование абзаца
<NOBR> и длинной, очень длинной строки, которую можно прочитать
только с помощью полосы прокручивания. </NOBR>
</P>
А этот текст набран без использования элементов форматирования.
</BODY>
</HTML>
Сохраните файл на диске под именем prim_1.html и откройте его в его в Internet Explorer.
В окне набранный текст должен иметь следующий вид:
рис. 1.3 Пример использования элементов форматирования.
Перейдите с полноэкранного в оконный режим Internet Explorer и проанализируйте, как изменяется расположение текста при изменении ширины окна.
1.4 Атрибут выравнивания align
В файле prim_1.html весь набранный текст выравнивается по умолчанию по левому краю. Но довольно часто пользователю необходимо задать параметры выравнивания. Для этого используется атрибут align, значение которого может быть:
Center - по центру,
Right - по правому краю,
Left - по левому краю.
Атрибут align можно использовать в сочетании с элементами <P>, <DIV> и др.
В созданном в предыдущем разделе файле prim_1.html в конце раздела <BODY> добавьте след. код:
<BODY>
…
<p align='center'> Абзац выравнивания по центру
<p align='right'> Абзац выравнивания по правому краю
</BODY>
Сохраните файл на диске и откройте его в Internet Explorer. Проанализируйте результат
Задания для самостоятельной работы:
В редакторе Блокнот в созданном ранее файле main.html добавьте информацию про группу и факультет, на котором Вы учитесь, а так же личные биографические данные (где и когда родился, какую школу закончил и т.п.)
С помощью элементов форматирования абзацев и строк придайте тексту удобный для просмотра информации вид, который отображается в Internet Explorer.