ISMAP
Этот параметр сообщает браузеру, что данное изображение позволяет пользователю выполнять какие-либо действия, щелкая мышью на определенном месте изображения. Данная возможность является расширением HTML и будет обсуждена нами позже.
Приведем пример использования данного тэга:
<IMG SRC="http://www.softexpress.com/images/nekton.jpg" ALT="СофтСервис лого" ALIGN="top" ISMAP>
С версии HTML 2.0 у тэга <IMG> появились дополнительные параметры:
<IMGSRC="URL" ALT="text" HEIGHT=n1 WIDTH=n2 ALIGN=top|middle|bottom|texttop| absmiddle|baseline|absbottomBORDER=n3VSPACE=n4 HSPACE=n5ISMAP>
Новые параметры:
BORDER
Данный параметр позволяет автору определить ширину рамки вокруг рисунка.
VSPACE
Позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ.
HSPACE
То же самое, что и VSPACE, но только по горизантали.
Фоновые рисунки
Большинство браузеров позволяет включать в документ фоновый рисунок, который будет матрицироваться и отображаться на фоне всего документа. Некоторые пользователи любят фоновую графику, некоторые нет. Ненавязчивый полупрозрачный рисунок (обои) обычно хорошо выглядит в качестве фона для большинства документов.
Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:
<BODY BACKGROUND="picture.gif">
Задание стандартных цветов
Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тэг <BODY> дополнительные параметры:
<BODYBGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">
где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:
BGCOLOR
Цвет фона документа
TEXT
Цвет простого текста документа
LINK
Цвет ссылки
Цвет задается шестизначным числом в шестнадцатиричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому. Например:
<BODYBGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">
Данная строка определяет белый цвет фона документа, черный текст и серебристые ссылки.
Горизонтальная линия
Используя тэг <HR> вы можете разделить текст горизонтальной чертой.
Форматтэга:
<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>
Параметры тэга:
SIZE
Толщина линии в пикселях.
WIDTH
Ширина линии в пикселях или процентах от ширина окна браузера.
ALIGN
Расположение на экране (слева | по центру | справа).
NOSHADE
По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской.
Добавление стилей в HTML документ
HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством браузеров:
· bold (жирный)
· italic (наклонный)
· mono spaced (type writer - с использованием фиксированных шрифтов)
Вы можете комбинировать различные виды стилей, например жирный и наклонный.
| Стиль | Элемент или тэг | Результат |
| Bold | <B> Этот текст жирный </B> | Этот текст жирный |
| Italic | <I> Этот текст наклонный </I> | Этот текст наклонный |
| Mono spaced | <TT> Этот текст с непроп. шрифтом </TT> | Этот текст с непроп. шрифтом |
Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:
<b>Жизнь</b> - <i>это <b>песня!</b></i>
Жизнь - это песня!
Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста!
Дополнительные стили:
· big (юольшой)
· small (маленький)
· sub (подстрочник)
· sup (надстрочник)
| Стиль | Элемент или тэг | Результат |
| Big | Этот текст <BIG> большой </BIG> | Этот текст большой |
| Small | Этот текст <SMALL> маленький </SMALL> | Этот текст маленький |
| Sub | Этот текст <SUB> подстрочник </SUB> | Этот текст подстрочник |
| Sup | Этот текст <SUP> надстрочник </SUP> | Этот текст надстрочник |
Размер шрифта <FONT SIZE>
Вы можете изменять размер шрифта при помощи тэга:
<FONT SIZE=+|- n>
Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга:
<BASEFONT SIZE=n>
Например:
<p>и
<font SIZE=+1>з</font><font SIZE=+2>м</font>
<font SIZE=+3>е</font><font SIZE=+4>н</font>
<font SIZE=+3>е</font><font SIZE=+2>н</font>
<font SIZE=+1>и</font>
е</p>
изменение
Цвет шрифта <FONT SIZE>
Вы можете изменить цвет шрифта при помощи тэга:
<FONT COLOR="#xxxxxx>
Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.
<FONT COLOR="#FF0000">
Красный </FONT>
<FONT COLOR="#00FF00">
Зеленый </FONT>
<FONT COLOR="#0000FF">
Синий </FONT>
Красный Зеленый Синий
Специальные тэги HTML
Следующие тэги позволят вам сделать ваш HTML-документ более функциональным.
Тэг <ADDRESS> используется для выделения автора документа и его дреса (например, e-mail). Синтаксис:
<ADDRESS> Адрес-автора </ADDRESS>
Escape-последовательности
Некоторые символы являются управляющими символами в HTML и немогут напрямую использоваться в документе:
· левая угловая скобка "<"
· правая угловая скобка ">"
· амперсанд "&"
· двойные кавычки """
Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями:
| < | < |
| > | > |
| & | & |
| " | " |
Существует большое количество escape-последовательностей для обозначения специальных символов, например "©" для обозначения знака © и ® для значка ®, появившихся в HTML 2.0. Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.
Внимание! Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <.
HTML формы
Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-браузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенна пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.
Когда вы описываете форму, каждый элемент ввода данных имеет тэг <INPUT>. Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента.
Синтаксис форм
Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>.
<FORMMETHOD="get|post" ACTION="URL"> Элементы_формы_и_другие_элементы_HTML</FORM>
METHOD
Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:
· GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется.
· POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию.
ACTION
ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.
Тэги формы
TEXTAREA
Тэг <TEXTAREA> используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст). Вотпримериспользованитэга <TEXTAREA>:
<TEXTAREA NAME="address" ROWS=10 COLS=50>
Москва,
Дмитровкое шоссе,
д.9Б, офис 448
</TEXTAREA>
Атрибуты, используемые внутри тэга <TEXTAREA> описывают внешний вид и имя вводимого значения. Тэг </TEXTAREA> необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов:
· NAME - имя поля ввода
· ROWS - высота поля ввода в символах
· COLS - ширина поля ввода в символах
Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов <TEXTAREA> и </TEXTAREA>.
INPUT
Тэг <INPUT> используется для ввода одной строки текста или одного слова. Атрибуты тэга:
· CHECKED - означает, что CHECKBOX или RADIOBUTTON будет выбран.
· MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов браузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности.
· NAME - имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле.