Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Вставка изображений
|
|
Иллюстрации в тексте делают документ более привлекательным. Однако графические изображения могут медленно загружаться. Поэтому графику на веб-страницах необходимо использовать в разумных пределах.
Чтобы ускорить загрузку страниц с графикой, перед их написанием, изображения необходимо оптимизировать или «сжать» при помощи специальных программ, чтобы они не занимали очень большой объём. Одним из способов «сжатия» (иногда значительного) без существенного изменения качества изображения может быть сохранение его из программы Microsoft PowerPoint.
Браузеры «понимают» три графических формата:
| Формат GIF | Формат JPG | Формат PNG |
| GIF (Graphics Interchange Format) Этот формат поддерживает 28 = 256 цветов. GIF-файлы могут содержать небольшую анимацию | JPG (Joint Photographic Experts Group) Этот формат специально разработан для фотографий. Он поддерживает 2224 = 16777216 цветов и позволяет сохранять изображения высокого качества | PNG (Portable Network Graphics) Этот формат поддерживает 2448 цветов. Позволяет сохранять изображения с высокой степенью сжатия и обладает всеми возможностями формата GIF |
Для вставки рисунка используется непарный тег < IMG>, который не имеет закрывающего тега, но имеет много атрибутов:
src=" имя файла" – URL-адрес изображения;
alt=" текст надписи" – задает надпись, которая появляется на экране вместо изображения, если оно не найдено;
title=" текст подсказки" – задает подсказку, всплывающую при наведении указателя мыши на изображение:
width=" n", height=" m" – задают ширину и высоту рисунка в пикселах;
border=" n" – задает рамку вокруг картинки толщиной n пикселов;
hspace=" n" – задает ширину в пикселах пустого поля справа и слева от изображения;
vspace=" n" – задает ширину в пикселах пустого поля сверху и снизу от изображения;
align – определяет положение картинки по отношению к соседним элементам документа: align=" top" – выравнивание по верхнему краю;
align=" middle" – выравнивание но центру;
align=" bottom" – по нижнему краю;
align=" left" – по левому краю;
align=" right" – по правому краю.
Картинку можно использовать в качестве «обоев». То есть она будет занимать все окно браузера и на ней можно располагать текст по усмотрению автора веб-страницы. Для этого используется специальный атрибут тега < body>:
< body background =" имя файла с картинкой-фоном" >
Например, < body background =" bg01.jpg" >, где bg01.jpg – имя файла с изображением.
В теге < body> можно также изменить цвет фона с помощью атрибута bgcolor=" цвет". Например, < body bgcolor=" black" >