- •Лабораторная работа № 7 «Создание простейших html страниц».
- •Структура документа html
- •Функциональные блочные элементы
- •Форматирование html-документа Разделение на абзацы
- •Перевод строки
- •Заголовки внутри html-документа
- •Горизонтальные линии
- •Включение комментариев в документ
- •Организация ссылок
- •Эта ссылка не будет ничем отличаться от остальных гипертекстовых ссылок вашего документа.
Форматирование html-документа Разделение на абзацы
Любые тексты, будь то школьное сочинение, заметка в газете или техническое описание устройства имеют определенную структуру. Элементами такой структуры являются заголовки, подзаголовки, таблицы, абзацы и др.
Одним из первых правил составления практически любых документов является разбиение его текста на отдельные абзацы, выражающие законченную мысль. HTML-документы не являются исключением из этого правила. При создании документов с помощью текстовых редакторов разбиение на абзацы выполняется вводом символа перевода строки. Большинство редакторов реализует это при нажатии клавиши <Enter>. В HTML-документах символы перевода строки не приводят к образованию нового абзаца.
Язык HTML предполагает, что автор документа ничего не знает о компьютере своего читателя. Читатель вправе установить любой размер окна и пользоваться любым из имеющихся у него шрифтов. Это означает, что место переноса в строке определяется только программой просмотра и установками конечного пользователя. Поскольку символы перевода строки оригинального документа игнорируются, то текст, отлично смотревшийся в окне редактора автора документа, может превратиться в сплошной неудобочитаемый текст в окне программы просмотра.
Избежать этой неприятности позволяет применение специального тэга разбиения на абзацы <Р>. Перед началом каждого абзаца текста следует поместить тэг <Р>. Закрывающий тэг </Р> не обязателен. Браузеры обычно отделяют абзацы друг от друга пустой строкой.
Браузеры обычно интерпретируют несколько стоящих подряд тэгов абзаца <Р> как один. То же самое относится и к тэгу перевода строки <BR>. Поэтому создать несколько пустых строк при помощи этих тэгов не удается.
Тэг <Р> может задаваться с параметром горизонтального выравнивания Возможные значения параметра приведены в таблице. По умолчанию выполняется выравнивание по левому краю.
Таблица Значения параметра ALIGN
Значения параметра ALIGN |
Действие |
LEFT |
Выравнивание текста по левой границе окна браузера |
CENTER |
Выравнивание по центру окна браузера |
RIGHT |
Выравнивание по правой границе окна браузера |
JUSTIFY |
Выравнивание по ширине (по двум сторонам) |
Перевод строки
При отображении текстовых документов в браузере место переноса строки в пределах абзаца определяется автоматически в зависимости от размера шрифтов и размера окна просмотра. Перенос строки может осуществляться только по символам-разделителям слов (например, пробелам). Иногда в документах требуется задать принудительный перевод строки, реализующийся независимо от параметров настроек браузера. Для этого служит тэг принудительного перевода строки <BR>, который не имеет соответствующего закрывающего тэга. Включение тэга <BR> в текст документа обеспечит размещение последующего текста с начала новой строки. Например, такой подход может использоваться для создания структур типа списков без использования специальных тэгов разметки списка. Или, например, без данного тэга не обойтись для отображения стихотворений и т. п.
Приведем пример использования принудительного перевода строки:
Над омраченным Петроградом<BR>
Дышал ноябрь осенним хладом.<BR>
Плеская шумною волной<BR>
В края своей ограды стройной, <BR>
Нева металась, как больной<BR>
В своей постели беспокойной.
<P>
<EM>А.С. Пушкин. Медный всадник</EM>
Добавьте этот код к вашему и обновите страницу.
В отличие от тэга абзаца <Р> при использовании тэга <BR> не будет образована пустая строка.
Использование тэга <BR> требует осторожности — возможна ситуация, когда браузер уже сделал перевод строки за одно - два слова до того, как встретил ваш тэг <BR.> Это бывает в случае, если ширина окна программы просмотра читателя меньше, чем тот же параметр программы, с помощью которой вы тестировали ваш документ. При этом может получиться, что в строке посреди абзаца останется только одно слово, нарушая тем самым красоту компоновки документа.