Структура web-документа на языке HTML

< HTML> - начало документа

< HEAD> начало заголовка документа

< TITLE> начало задания имени документа

Заголовок документа (отображается в строке заголовка)

< /TITLE> - конец задания имени документа

< /HEAD> конец заголовка документа

< BODY> Начало ввода текста документа

Рабочий блок или тело документа

< /BODY> конец ввода текста документа

< /HTML> - конец документа

Между тегами < HEAD>... < /HEAD> заключен раздел заголовков. Он содержит информацию о документе в целом.

Символы, указываемые после тега < TITLE>, отображаются в строке заголовка браузера после открытия web-документа.

Основной текст программы пишется после тега < BODY>.

Алгоритм создания web-документа

1. Открыть Блокнот.

2. Набрать (скопировать) структуру web-документа.

3. Сохранить документ, присвоив ему расширение htm или html.

4. Закрыть Блокнот.

5. Открыть в браузере созданный web-документ.

6. Из контекстного меню, открываемого щелчком правой кнопки мыши на документе, выбрать команду Просмотр в виде HTML.

7. Внести изменения в текст документа. Сохранить его. Обновить содержимое документа в браузере. Продолжить правку.

46. Работа с графикой в Интернет

При создании web-документов имеется возможность оформлять их с использованием графических объектов. Если предполагается, что документ будет публиковаться в сети Интернет, то объекты должны содержаться в файлах с расширением jpg, gif или png. Если документ будет использован на локальном компьютере, то можно использовать файлы с расширением bmp.

Для внедрения рисунка применяется одиночный тег < IMG>. Он всегда должен содержать атрибут SRC.

Примеры.

1) < IMG SRC=ris.jpg>

Вставка в документ из текущего каталога графического объекта, содержащегося в файле ris.jpg.

2) < IMG SRC=c: \ris.gif>

Вставка в документ из корневого каталога диска c: графического объекта, содержащегося в файле ris.gif.

Если рисунок по размерам слишком мал или слишком велик, то его размеры корректируются атрибутами WIDTH и HEIGHT. Первый из них влияет на ширину рисунка, второй – на его высоту. При использовании данных атрибутов необходимо следить за тем, чтобы искажение рисунков не влияло на способность их качественного восприятия. Целесообразно придерживаться отношения 4: 3 или 16: 9 для горизонтальных и вертикальных сторон.

Пример.

< IMG SRC=winter.jpg WIDTH=200 HEIGHT=150>

Изображение, хранящееся в файле winter.jpg, будет иметь 200 пикселей в длину и 150 в высоту.

Некоторые браузеры настроены на работу так, чтобы при загрузке документа не выводить на экран рисунок. Поэтому при внедрении рисунка желательно задавать его краткое описание. Для этого в теге < IMG> применяется атрибут ALT. Его формат: ALT=" текст". Значение атрибута называют альтернативным текстом.

Пример.

< IMG SRC=winter.jpg ALT=" Хороший рисунок зимы" >

При наведении указателя мыши на рисунок, появляется текст «Хороший рисунок зимы».

Для внедрения в web-документ мультимедийных объектов применяется тег < EMBED>. Обязательный атрибут этого тега – SRC.

Пример.

< EMBED SRC=winter.avi>

Вставка в документ из текущего каталога анимационного объекта, содержащегося в файле winter.avi.

Рисунок можно использовать в качестве фона страницы. Для этих целей применяется тег < BODY BACKGROUND=URL>, где URL – это адрес к файлу, содержащему рисунок.