Элементы управления размещением текста и графики

В html-документе имеется возможность управлять элементами блочного типа, такими как: таблицы, изображения, абзацы, элементы группирования (div, span) и др., с помощью атрибута align, который определяет размещение элементов в окне броузера. Атрибут может принимать следующие значения (с небольшими модификациями для конкретных элементов):

• left – выравнивание элемента по левому краю окна или объемлющего блока (контейнера),

• center – размещение по центру,

• right – размещение по правому краю,

• justify – компоновка «по-ширине» (применяется для текста).

Контейнеры p, div, span и одиночный тэг br с добавлением id и class атрибутов наиболее удобны для формирования структуры документа. Применение указанных атрибутов позволяет определить такие свойства контейнеров как их выравнивание на странице экрана, размеры отступов, применяемый внутри этих контейнеров шрифт и т.п. посредством ссылок из утверждений стиля (формируемых на языке CSS). Отличия элементов состоят в следующем.

Модель документа, определяемая HTML, включает элементы блочного и in-line-типа.Элементы блочного типа могут включать другие элементы блочного типа и in-line-элементы. Элементы типа in-line могут включать только данные и другие in-line-элементы. Эти элементы по разному форматируются броузером, в частности элементы блочного типа всегда размещаются с новой строки.

Контейнер p предназначен для представления абзацев – он не может содержать элементы блочного типа. Контейнер div блочного типа, контейнер span in-line типа. Их свойства полностью зависят от применяемых к ним утверждений стиля. Тэг br определяет конец строки и может применяться для указания того, как строки текста должны «обтекать» графику (подробно рассматривается в лекции 13). Тэг nobr запрещает разрыв строки.

Пример

<div class="mypars">

<p>...текст абзаца... </p>

<p>... текст абзаца... </p>

<p>... текст абзаца <span id=”sp”… выделенная часть абзаца...</span>… </p>

</div>

Ко всем элементам текста, представленного выше, в том числе к контейнеру p можно применить утверждения стиля. Тэг p допускается использовать без закрывающего тэга </p>.

Ссылки и протоколы

Наиболее применяемые в html-документах ссылки приводят к использованию протокола передачи данных HTTP, представленные, например следующим образом:

<a href=”http://www.Jennifer.com.ua/”> Jennifer’s site </href>

Щелчок по ссылке приведет к загрузке начальной страницы сайта, размещенного по адресу «http://www.Jennifer.com.ua/». В Интернете существует множество служб, к которым можно ссылаться из html-документа. Например, ссылки в документе к электронной почте и к службе ftp (для передачи файлов) выглядят следующим образом:

<a href ="mailto:office@jmgroup.kiev.ua"> … </a>

<a href=”ftp://ftp.superwarehouse.com./games”> … </href>

Размещение вместо заголовка http ключевых слов file, news, nttp, telnet, gopher позволяет, соответственно, обратиться с запросом на передачу файла на собственном компьютере, к группе сообщений системы новостей Usenet, к полному механизму доступа к статьям системы новостей Usenet, открыть сеанс Telnet с выбранным сервером, обеспечить доступ к документу на gopher-сервере (системе поиска документов). Броузеры анализируют, также, тип документа, к которому ссылаются и при их выборе могут вызывать соответствующие приложения, такие как Adobe Reader, Quick Time и др.