Дополнительные средства HTML

Одним из преимуществ Web является ее способность включать различные типы media: графику, видео и звук - в дополнение к форматированному тексту.
Внешние рисунки.
Если Вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, Вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить - смотреть или не смотреть ему этот рисунок:
<A HREF = image_URL>Здесь</A> Вы можете увидеть рисунок.
Аудио и видео, звуки и мультипликация.
Вы хотите разместить на Вашей страничке речь президента Клинтона и сделать это так, чтобы Ваш посетитель услышал его голос? Нет ничего проще! Добавьте простой текстовый флаг разметки:
<a href="file"> </a>.
Разумеется, что слово "file" нужно заменить его именем (расширение .wav или .mid).
<a href="clinton.wav"> listen to the President (90K).</a>.
Обратите внимание, что указан размер звукового файла в килобайтах! Работая со звуковыми файлами, не забывайте, что фрагменты звука должны быть короткими. Попробуйте самостоятельно объяснить это требование.
По такому же принципу добавляется видеоизображение (файл с расширением .avi).
Не злоупотребляйте звуковыми и видеофрагментами. Сейчас, когда страницы Web могут воспроизводить музыку в фоновом режиме, некоторые горе-экспериментаторы считают, что все должны быть в восторге от их любимой мелодии, исполненной мартовской кошкой в сопровождении шнауцера. Ох, как они ошибаются!

Цвета.
Вы научились делать простые HTML-документы. Теперь самое время расскрасить их, добавить графику. Вам необходимо продумать каждую мельчайшую деталь оформления Вашей странички, подобрать цвет шрифта, фон и "обои". Рассмотрим простой способ изменения цвета. У флага <BODY> есть несколько параметров:
BGCOLOR - цвет фона;
TEXT - цвет текста;
LINK - цвет гипертекстовой связи;
VLINK - цвет гипертекстовой связи, уже посещенной в прошлом;
ALINK - цвет активной гипертекстовой связи;
Установка значения цвета фона выглядит следующим образом:
BGCOLOR="Шестнадцатеричное значение".
Цвет связи указывается шестнадцатеричным числом, имеющим следующую структуру: RED - GREEN - BLUE или RGB (красный - зеленый -синий). Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов в диапазоне от 00 до 255(FF). На каждый цвет отводится 256 значений обозначающих присутствие того или иного компонента в результирующем цвете. Например, максимум красного - FF (в шестнадцатеричной системе), остальные два цвета - 00, результат - #FF0000.
Так, чтобы установить красный цвет фона, нужно написать
<BODY BGCOLOR ="FF0000">
Чтобы покрасить текст в зеленый цвет, нужно использовать команду
<BODY TEXT =00FF00> или #008000.
Чтобы установить белый цвет фона, нужно написать
<BODY BGCOLOR =#FFFFFF>
Чтобы установить черный цвет фона, нужно написать
<BODY BGCOLOR =000000>
Все варианты задания цвета правильные.
Таблицы цветов есть в графических редакторах, так же в некоторых Web-редакторах, например в редакторе Web Pen. Там же можно выбрать смешанные цвета, подобрать оттенки.
Создайте в текстовом редакторе HTML-файл ind7.htm.
< HTML >
< HEAD >
< TITLE > Моя страничка < /TITLE >
< /HEAD >
< BODY bgcolor="#FFFFFF" >
< P > На данной страничке текст и изображения будут располагаться на белом фоне.
< /P >
< P > Шрифт может быть
< FONT COLOR="#0000A0" > разного < /FONT > цвета. < /P >
< /BODY >
< /HTML >
Запустите программу просмотра и просмотрите, что у Вас получилось.
Попробуйте поэкспериментировать со своей страничкой index.htm. Выберите понравившийся Вам цвет фона, попробуйте окрасить загаловки в тон к фону. Просмотрев ее в программе просмотра, Вы убедитесь сами, что ваша страничка начала оживать.

[Назад]