Веселые картинки.

При работе с текстом Вам также понадобятся следующие способы форматирования.
После того, как у нас накопилось определенное количество страниц с замечательно оформленным текстом, возникает жгучее желание разбавить этот самый текст множеством интересных рисунков и фотографий по теме... Но как?!

Да очень просто!
По традиции сразу посмотрим код готовой программы и разберем его.



Все дело сводится к одной строке.
Тег <IMG>(image - изображение) собственно и существует для вставки изображения.

Его атрибутами являются:

· SRC="имя_файла" указывает имя файла или путь к файлу, если он находится не в той же папке, что и веб-страничка.
· WIDTH="ширина_в_пикселях" HEIGHT="высота_в_пикселях" - эти атрибуты не являются обязательными, но мы советуем их использовать для корректного отображения рисунка в разных браузерах и на разных платформах. Также они могут помочь вам масштабировать изображение.
· BORDER=толщина_границы обводит рисунок в черную рамку заданной толщины. Используется очень редко. В основном для того, чтобы отделить границы рисунка от фона
· hspace=размер (vspace) определяет отступ слева и справа (сверху и снизу) от изображения. Используется для того, чтобы, к примеру, текст не налазил на изображение. По умолчанию значение равно 0.
· ALT="текст_коментария" этот атрибут отображается при просмотре страницы с отключенной графикой, вместо изображения будет выводится именно этот текст в рамке. Советуем не пренебрегать этим атрибутом, он добавляет сервиса пользователю вашим сайтом, тем самым улучшая его.

Также Вам могут понадобится:

· ALIGN="позиция" (позиция может быть - TOP(сверху), MIDDLE(посредине), BOTTOM(снизу), LEFT(сдева), RIGHT(справа)) этот атрибут позволит вам указать расположение изображения (и текста относительно него) на странице.
· VSPACE="отступ_в_пикселях_по_вертикали" HSPACE="отступ_в_пикселях_по_горизонтали" - атрибуты зоны отступа. Создают незаполненное пространство вокруг изображения.

Использование тега <CENTER> нежелательно согласно Спецификации HTML 4.0. Рекомендуется использовать элементы управления таблиц стилей.

ПОДВОДИМ ИТОГИ.     Справочник тегов. <IMG> • Размещает графическое изображение на странице. • Синтаксис     <IMG> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     src = <url> — определяет путь к графическому файлу, который должен быть размещен.     align = <bottom|center|left|right|middle|top> — определяет выравнивание изображения.     alt = <текст> — определение альтернативного текста, который выводится, когда изображение не отображено.     border = <размер> — определение границы вокруг изображения. При border=0, граница отсутствует.     height = <размер> — определяет высоту изображения. Атрибут необязателен, но рекомендуется для более быстрой загрузки изображения.     width = <размер> — определяет ширину изображения. Атрибут необязателен, но рекомендуется для более быстрой загрузки изображения.     hspace = <размер> — определяет размер пустого пространства слева и справа от изображения.     vspace = <размер> — определяет размер пустого пространства сверху и снизу от изображения.     usemap = <url> — определяет связь с картой, которая использует данное изображение в качестве визуального отображение ссылок. <CENTER> • Выравнивает содержащиеся между тегами объекты по центру(горизонтально). Аналогично <DIV align="center">...<DIV> или <P align="center">...<P> • Синтаксис     <CENTER>...</CENTER> • Совместимость     Использование тега нежелательно согласно Спецификации HTML 4.0.     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0;