HTML
Язык HTML - гипертекстовый язык, описывающий структуру документа, вид которого на экране определяется браузером.
Описание на HTML - это текст в формате ASCII и последовательность включенных в него команд (управляющих кодов, называемых также дескрипторами, или тегами). Эти команды расставляются в нужных местах текста, определяя шрифты, переносы, появление графических изображений, ссылки и т.п.
Команды имеют форму < >, где между скобками записывается имя команды.
Не вдаваясь в детали языка HTML, которые легко могут быть найдены в соответствующих книгах, приведем только необходимые сведения о нем.
Если открыть программу Блокнот, написать в нем следующие строчки
<HTML>
<HEAD>
<TITLE>Информационный раздел 1</TITLE>
</HEAD>
<BODY>
<FONT FACE=“Times New Roman”>
<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 FACE =“Times New Roman”>
</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 изображения, но и задавать новый.