Этот Текст можно прочитать на экране

</BODY>

</HTML>

Определение функциональных разделов документа

Язык HTML предназначен для описания функциональных разделов документа. В большинстве обычных документов основными функциональными разделами являются заголовки и абзацы.

Язык HTML поддерживает шесть уровней внутренних заголовков документа. Они помечаются тегами от <Н1> и </Н1> до <Н6> и </Н6>. Реально на экране компьютера все эти заголовки изображаются шрифтами разного размера (обычно полужирным начертанием).

В соответствии с идеологией HTML текст, который действительно является заголовком, следует пометить с помощью одного из этих тегов. В составе языка имеются теги форматирования, изменяющие размер и начертание шрифта, но пользоваться ими в этом случае не рекомендуется.

("117") Для обозначения обычных абзацев в языке HTML используют тег <Р> (и соответствующий закрывающий тег </Р>). Теги, описывающие обычные абзацы, являются необязательными. Однако при наличии этих тегов броузеры четко отслеживают границы между абзацами.

В языке HTML нет никаких средств для создания абзацного отступа («красной строки»), поэтому для удобочитаемости текста между абзацами броузер обычно вводит пустую строку. Важным средством создания разделителей в тексте являются горизонтальные полоски-линейки, визуально отделяющие разные части документа друг от друга. Горизонтальная линейка создается те-гом <HR>. Это одиночный тег, не имеющий соответствующего закрывающего тега.

При применении этих тегов важно принять во внимание, что все кратные («лишние») пробелы между словами и переходы на новую строку при воспроизведении документа HTML игнорируются.

Если же надо осуществить переход на новую строку без создания абзаца, можно использовать тег <BR>.

Гипертекстовые ссылки Способность Web-страниц содержать ссылки на другие Web-страницы — одна из наиболее привлекательных особенностей World Wide Web. Создать гипертекстовую ссылку в документе HTML очень просто. Для этого используются теги <А> (и </А>).

При создании гиперссылки обязателен атрибут HREF=. Его значением является адрес URL, на который указывает ссылка. Текст ссылки размещают между тегами <А> и </А>. При отображении документа в броузере текст ссылки обычно подчеркивается и изображается синим цветом. Щелчок на ссылке приводит к переходу по заданному адресу URL.

Гипертекстовые ссылки могут указывать на другую Web-страницу или на любой файл, имеющийся на Web-узле. При щелчке на такой ссылке предоставляется возможность его загрузки или открытия.

Если Web-страница, на которую указывает ссылка, располагается на другом Web-узле, то в качестве значения атрибута HREF= должен использоваться полный адрес URL документа, включая название протокола и адрес Web-узла. Такие ссылки называют внешними.

Если ссылка указывает на другую страницу того же самого Web-узла, то достаточно указать только относительный путь поиска документа. В этом случае создается внутренняя ссылка. Использовать внутренние ссылки удобнее, так как в этом случае при переносе Web-узла целиком на другой сервер не требуется вносить изменения в отдельные документы.

Гипертекстовые ссылки могут указывать на определенное место внутри страницы, если в нужное место предварительно встроить якорь. Якорь также использует теги <А> и </А>, но вместо атрибута HREF= для него обязательным является атрибут NAME=. Значением этого атрибута является имя якоря. Оно может состоять только из латинских букв и цифр и не должно содержать пробелов.

Управление стилем шрифта

Для задания размера, цвета и начертания шрифта служит тег <FONT>. Этот парный тег влияет на весь текст, заключенный между открывающим и закрывающим тегами. Тег <FONT> должен иметь хотя бы один из трех возможных атрибутов: SIZE=; COLOR=; FACE=.

Атрибут SIZE= задает размер шрифта. Предполагается, что возможны семь заранее заданных размеров шрифта (от 1 до 7). Эти значения не соответствуют каким-либо единицам измерения, но чем больше значение, тем крупнее шрифт. По умолчанию используется значение 3.

Атрибут COLOR= задает цвет шрифта, который может быть задан либо ключевым словом (например, RED — красный), либо шестнадцатеричным значением в системе RGB (например, #FF0000 — это тоже красный).

Атрибут FACE= задает вид шрифта. Значением этого атрибута должно быть название одного из шрифтов, установленных на компьютере. Но для документа, размещенного в Internet, нельзя предсказать, какие шрифты доступны на компьютере пользователя, поэтому этот атрибут лучше не использовать.

Чтобы задать значения этих параметров для всего документа в целом, используют одиночный тег <BASEFONT>. Он содержит аналогичные атрибуты и задает значение вида, цвета и размера шрифта, используемое по умолчанию.

Специальная группа тегов служит для изменения начертания шрифта. Теги <В> и </В> делают текст, заключенный между ними, полужирным. Теги <I> и </I> задают курсивное начертание, <U> и </U> — подчеркивание, a <S> и </S> — вычеркивание текста.

35 Создание WEB- страницы на языке HTML. Рисунки на WEB- страницах. Создание списков.. Создание таблиц. Размещение нескольких документов на одной WЕB- странице

Рисунки на Web-страницах

Иллюстрации играют важнейшую роль в оформлении Web-страниц. Сами рисунки хранятся в отдельных файлах вне документа HTML, но отображаются броузером внутри Web-страницы.

Для размещения рисунков в документе служит одиночный тег <IMG>.

Этот тег всегда должен содержать обязательный атрибут SRC=, значение которого составляет адрес URL файла изображения, записанный в абсолютной или относительной форме. При загрузке документа рисунок также загружается и отображается в том месте документа, где расположен тег <IMG>.

Изображение переносится на Web-страницу с сохранением размера. Если при компоновке изображения необходимо его перемасштабировать, нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота) Значения этих атрибутов определяют ширину и высоту изображения на Web-странице в пикселях.

Используя иллюстрации в документах, мы ступаем на зыбкую почву. Во-первых, Web-страница может отображаться броузером, не имеющем средств для показа изображений. Во-вторых, пользователи часто отключают показ рисунков, чтобы ускорить прием документа. И в том и в другом случае желательно дать возможность узнать, что же изображено на картинке, если ее нельзя увидеть. Для этой цели используют альтернативный текст.

Альтернативный текст — это, по сути, более или менее подробное описание изображения. Если броузер не может по той или иной причине показать рисунок, он вместо него выводит этот альтернативный текст. Альтернативный текст задается в теге <IMG> значением специального атрибута ALT=.

Изображение, как и текст, можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещен между тегами <А> и </А>, определяющими ссылку. Изображение-ссылка отображается в синей рамке. При наведении на такой рисунок указатель принимает ту же форму, что и при наведении на текстовую ссылку. Этим приемом на Web-страницах создают графические кнопки перехода.

<IMG SCR="pic. gif">

Создание списков

При работе с текстовыми процессорами обычно используют два типа списков — упорядоченные (нумерованные) и неупорядоченные (маркированные). Язык HTML позволяет создавать целых пять разных видов списков. Правда, из этих пяти видов два (списки меню и списки каталога) считаются устаревшими и практически не употребляются. Таким образом, в настоящее время используют три вида списков упорядоченные, неупорядоченные и списки определений.

Упорядоченные и неупорядоченные списки создают примерно одинаковым образом. Список всегда располагается между открывающим и закрывающим тегами списка <OL> и </OL> в случае упорядоченного списка, <UL> и </UL> — в случае неупорядоченного.

Внутри списка располагаются элементы списка. Их заключают между тегами <LI> и </LI>, хотя в данном случае закрывающий тег может опускаться, так как в этом случае ясно, где он должен располагаться.

Теги <OL>, <UL> и <LI> могут содержать атрибут TYPE=, значение которого указывает на способ пометки элементов списка. Упорядоченные списки можно нумеровать арабскими цифрами, римскими цифрами, латинскими буквами (как в верхнем, так и в нижнем регистре). Неупорядоченные списки помечаются маркерами в виде черного кружка (по умолчанию), белого кружка или квадратика.

Списки могут быть вложенными. Кроме того, элементы списков могут содержать гиперссылки, а также теги, используемые для форматирования и для выделения элементов фразы.

Создание таблиц

Таблица — это один из наиболее удобных способов представления больших объемов данных. Язык HTML имеет богатейшие возможности по созданию разных видов таблиц.

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

("126") Между тегами <TABLE> и </TABLE> может один раз встретиться пара тегов <CAPTION> и </CAPTION>, определяющая заголовок таблицы. Заголовок таблицы размещается непосредственно над таблицей (по умолчанию) или непосредственно под таблицей.

Далее следуют теги <TR> и </TR>, определяющие строки таблицы. Закрывающий тег можно опускать, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей.

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

Внутри ячеек могут содержаться любые данные и любые теги HTML, допустимые в разделе тела документа. Например, ячейка таблицы может содержать вложенную таблицу. Броузеры автоматически вычисляют размеры ячеек и всей таблицы, хотя эти свойства частично можно задать и при помощи атрибутов.

Из специфических атрибутов таблиц можно, например, указать атрибут BORDER=, который позволяет создавать рамку вокруг таблицы и вокруг отдельных ячеек. Значением этого атрибута является толщина внешней рамки в пикселях.

В примере, приведенном ниже, использованы и другие атрибуты, с помощью которых увеличены промежутки между ячейками и созданы ячейки увеличенной высоты.

Основная идея создания фреймов состоит в том, что каждый фрейм представляет собой область окна браузера, в которой отображается законченный HTML-документ. Если разбить окно браузера по вертикали ("столбцам") на два фрейма, можно поместить один HTML-документ в левый фрейм и второй HTML-документ в правый фрейм. Для создания фреймового веб-сайта необходимо создание

а) фреймов (страниц, которые будут отображаться в окне). Для этого используются

отдельные HTML документы, загружаемые в отдельные фреймы.

б) контейнера (документа, содержащего объединяющий фреймы код). Фактически это и

есть мастер страница.

В качестве фреймов можно использовать любые веб-страницы. В качестве контейнера используется специфический документ, который не является веб-страницей, т.е. его содержимое нигде не отображается, и элемента body он не содержит.