Кроме того, язык таблиц стилей позволяет работать со шрифтовым оформлением 
страниц 
на гораздо более выс'оком уровне, чем стандартный HTML. Обо всем этом более 
подробно мы поговорим в следующих главах. 

Описание основных элементов языка каскадных таблиц стилей CSS вы найдете в 
Приложении 
3 компакт-диска. 

В настоящее время язык CSS насчитывает довольно большое количество свойств 
элементов 
HTML, которыми он может управлять. Применяя «безопасные», т.е. совместимые с 
максимальным количеством браузеров элементы CSS - свойства шрифта, цвета 
элементов 
и фона, свойства текста и границ - вы можете значительно облегчить свою работу 
и сделать 
ваши Web-страницы более привлекательными в плане оформления текста. 

€ШУГ/ПЬ JS/Q4. Вставляем рисунок 

На каждую Web-страницу можно поместить любое количество рисунков. Вы можете 
использовать готовые графические изображения или создать их сами. О том, как 
самостоятельно 
подготовить графику, будет рассказано в следующих главах. А здесь мы посмотрим, 

как вставить в Web-документ уже готовый рисунок. 

Графические изображения, которые вы вставляете в свои Web-документы, должны 
быть 
созданы в таком графическом формате, который поддерживается браузером. 
Стандартные 
форматы Web-графики - GIF, JPG и PNG. Размеры их файлов минимальны по сравнению 

с другими форматами, что значительно сокращает время загрузки из сети. Форматы 
Web-графики подробно описаны в следующей главе. 

Вставим на первую страницу нашего сайта рисунок CLOUD.GIF, который обычно 
находится 
в папке Windows, т.е. той папке, в которой установлена операционная система 
Windows. Прежде всего, этот файл следует скопировать в папку Web, которую мы 
созда



Web-страница изнутри 

ли для хранения файлов сайта. Файл CLOUD.GIF можно взять также из папки 
\Web\ChapO1\Web компакт-диска, прилагаемого к этой книге. 

>• Скопируйте файл CLOUD.GIF или любой другой файл с расширением .GIF в папку 
Web. 

Для вставки изображения в Web-документ используется одиночный тег  с 
атрибутом 
src, значение которого соответствует имени вставляемого файла или его 
адресу в Интернете. С помощью необязательного атрибута  можно включить 
отображение рамки вокруг рисунка. Значение 1 для этого атрибута создаст 
рамку толщиной 1 пиксел. Таким образом, тег, вставляющий рисунок, должен 
выглядеть 
следующим образом: • 

 

Вставим его после заголовка Добро пожаловать на страничку компании ГЕОТОН! 

Операционная система Windows не различает регистр букв вназваниях 
имен файлов, но операционные системы семейства Unix различают его, 
поэтому следует тщательно следить за тем, чтобы имя файла в теге 
указывалось с соблюдением регистра. Начинающие Web-дизайнеры часто 
недоумевают: почему рисунок был виден на странице при тестировании 
на локальном компьютере и не появляется при загрузке страниц судаленного 
сервера. А все дело втом, что они указали cloud.gif, а на диске 
хранится CLOUD.GIF. 

> Вставьте пустую строку после элемента Добро пожаловать на 
страничку компании ГЕОТОН!  и введите В ней тег  для включения изображения в документ. 

По умолчанию рисунок выравнивается влево (Рис. 1.13).