HTML

Язык HTML - гипертекстовый язык, описывающий структуру документа, вид которого на экране определяется браузером.

Описание на HTML - это текст в формате ASCII и последовательность включенных в него команд (управляющих кодов, называемых также дескрипторами, или тегами). Эти команды расставляются в нужных местах текста, определяя шрифты, переносы, появление графических изображений, ссылки и т.п.

Команды имеют форму < >, где между скобками записывается имя команды.

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

Если открыть программу Блокнот, написать в нем следующие строчки

<HTML>

<HEAD>

<TITLE>Информационный раздел 1</TITLE>

</HEAD>

<BODY>

<P>Информационный раздел 1.</P>

<P>Текст</P>

</FONT>

</BODY>

</HTML>

и сохранить их в виде файла с расширением .html, то открытие этого файла с помощью браузера Internet Explorer приведет к появлению в окне браузера простейшего HTML-документа (рис. 7.2).

Теги <HTML>, </HTML> определяют начало и окончание HTML-документа.

Теги <HEAD>, </HEAD> определяют информацию, относящуюся к разделу заголовка HTML-документа, в частности, шрифт и текст самого заголовка:

<TITLE>Информационный раздел 1</TITLE>

Теги <BODY>, </BODY> определяют содержание HTML-документа и свойства этого содержания:

- тип шрифта

</FONT>

- текстовое содержание

<P>Информационный раздел 1.</P>

<P>Текст</P>

Команды форматирования текста (дескрипторы компоновки):

Теги <P>, </P> определяют начало и окончание текстового фрагмента, начинающегося с новой строки;

<BR> - перевод строки;

<HR> - перевод строки с печатью горизонтальной линии, разделяющей части текста.

Команды форматирования заголовков (дескрипторы стиля):

<H1> Текст </H1> - текст печатается наиболее крупным шрифтом, используется для заголовков верхнего уровня;

<H2> Текст </H2> - для следующего уровня и т.д. вплоть до команды <H6>.

Команды форматирования символов представлены парными символами B, I, U. Текст между открывающей и закрывающей командами будет выделен полужирно, курсивом, подчеркиванием соответственно.

Дескрипторы связи

В командах вставки графики и гипертекстовых ссылок используются адреса вставляемого или ссылочного материала, называемые URL (Uniform Resourse Locator). Ссылаться можно как на нужные места в том же документе, в котором поставлена ссылка, так и на другие файлы, находящиеся в любом месте сети. URL может представлять собой имя файла в данном узле сети или IP-имя другого узла с указанием местоположения файла в этом узле и, возможно, также метки внутри этого файла.

Команда гипертекстовой ссылки:

<A HREF="URL" >Текст </A>.

Текст в окне будет выделен цветом или подчеркиванием. Можно ссылаться на определенное место в документе. Тогда

<A HREF="URL#метка"> Текст </A>.

Сама метка в документе имеет вид:

<A NAME="метка"> Текст </A>.

Ссылки на фрагменты данного документа можно упростить:

<A HREF="#метка" >Текст </A>.

Для того чтобы встроить растровое изображение в документ HTML, необходимо использовать тег <IMG>. Общий вид этого тега показан ниже:

<IMG SRС=“Адрес_файла_изображения”

NАMЕ=“Имя_изображения”

. . .

WIDТН=“Ширина” НЕIGНТ=“Высота”>

Здесь указаны только три параметра. Полный список параметров тега <IMG> с кратким их описанием находятся в таблице 7.1.

Таблица 7.1. Параметры тега <IMG>

Параметр	Описание
SRC	Адрес URL файла с растровым графическим изображением
NАМЕ	Имя объекта, соответствующего растровому графическому изображению. Это имя может быть использовано для ссылки на объект в клиентском сценарии
ALT	Текстовая строка, которая отображается в тех случаях, когда браузер не может показывать графические изображения или когда такая возможность отключена
ALIGN	Выравнивание текста относительно графического изображения: LEFT - по левой границе; RIGHT - по правой границе; ТОР - по верхней границе; MIDDLE - по центру изображения; BOTTOM - по нижней границе; ТЕХТТОР - выравнивание по верхней границе относительно самых высоких символов в текстовой строке; ABSMIDDLE - выравнивание середины текстовой строки относительно середины изображения; BASELINE – выравнивание нижней рамки изображения относительно базовой линии текстовой строки; ABSBOTTOM - выравнивание нижней границы изображения относительно нижней границы текущей строки
HEIGHT	Высота изображения в пикселах
WIDTH	Ширина изображения в пикселах
BORDER	Ширина рамки (в пикселах) вокруг изображения (используется только браузером Netscape Navigator)
HSPACE	Ширина (в пикселах) свободного пространства, отделяющего изображение от текста по горизонтали
VSPACE	Ширина (в пикселах) свободного пространства, отделяющего изображение от текста по вертикали
USEMAP	Адрес URL файла, содержащего так называемую карту изображения, которая используется для сегментированной графики
ISMAP	Этот параметр указывает, что данное изображение является сегментированным

Параметры тега <IMG> определяют адрес файла с изображением, выравнивание текста, расположенного возле изображения, и т. д. С помощью параметров HEIGHT и WIDTH выполняется масштабирование графических изображений. Значение этих параметров указано в процентах от ширины окна просмотра.

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

Если в документе HTML размещено несколько растровых изображений, то можно адресовать соответствующие объекты как элементы массива document.images. Например, первое изображение адресуется следующим образом: document.images[0]. Однако в некоторых случаях удобнее пользоваться именами изображений, определенными параметром NAME оператора <IMG>. Объект-изображение имеет свойство src, соответствующее параметру SRC оператора <IMG>. Адресуясь к этому свойству, можно не только определять текущий адрес URL изображения, но и задавать новый.