Изображения в HTML-документе

Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) и одну строчку в HTML-тексте. Допустим, нам нужно включить в документ изображение, записанное в файл picture.gif, находящийся в одном каталоге с HTML-документом. Тогда строчка будет вот такая:

< IMG SRC=" picture.gif" >

Метка < IMG SRC=" [имя файла]" > может также включать атрибут ALT=" [текст]" >

Например:

< IMG SRC=" picture.gif" ALT=" Картинка" >

Встретив такую метку, браузер покажет на экране текст Картинка и начнет загружать на его место картинку из файла picture.gif. Атрибут ALT может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени). Файл, содержащий изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае стоит указать его полное имя.

Элементы форм в HTML-документе.

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

Структура формы. Все дескрипторы[1] ввода, ассоциированные с одной формой, должны:

¾ Содержаться в дескрипторе < form>;

¾ Обрабатываться одним и тем же обработчиком формы[2];

Атрибуты. С дескриптором < form> всегда используются два ключевых атрибута:

¾ Action. Этот атрибут содержит адрес URL CGI-программы обработки формы. Если параметр action отсутствует, текущая страница перезагружается, возвращая все элементы формы к их значениям по умолчанию.

¾ Method.Этот атрибут содержит метод отправки данных обработчику. В зависимости от характера обработки выбирается один из методов:

· Get. Отправка данных формы в составе адреса URL программы-обработчика;

· Post. Отправка данных формы в заголовке пакета протокола передачи гипертекста HTTP[3].

Дескрипторы ввода данных.

Поля ввода.

Текст.

Текстовые поля имеют одну строку, предназначенную для ввода пользователем информации.

¾ Для создания текстового поля используется дескриптор < input> с атрибутом type, равным text.

< input type=”text”>

¾ С помощью атрибута name элементу управления присваивается имя

< input type=”text” name=”firstname”>

¾ Размером текстового поля можно управлять с помощью атрибутов:

· Size. Длина текстового поля в символах.

· Maxlength. Максимальное количество символов, которое пользователь может ввести в поле.