![]() |
Работа с изображениямиИзображения - это фотографии, логотипы, значки и прочие визуальные объекты, которые можно поместить на Web-страницу. В этой главе вы научитесь вставлять изображения в страницу и управлять ими.Вставка изображенияИзображения на Web-страницах играют роль оформления или иллюстрации. Это могут быть фотографии или графика. В терминах HTML изображения - это встроенные элементы, то есть их код содержиться в теле страницы наряду с текстом.Вставка графического файла или фотографии
Размер изображения Если на странице изображение выглядит слишком большим или слишком маленьким, можно изменить его размер с помощью кода HTML. Можно задавать ему ширину и высоту. Эти параметры задаются в пикселях или в процентных долях экрана.
Примечание: Также можно задавать ширину и высоту в процентах от общей ширины и высоты окна. Процентные доли задаются знаком процента - %. Горизонтальное выравнивание изображения Атрибуты выравнивания LEFT и RIGHT управляют положением изображения по горизонтали. Они же управляют обтеканием текста вокруг изображения. По умолчанию изображения выравниваются по левому краю страницы.
Вертикальное выравнивание изображения Вертикальное расположение изображения на странице определяется атрибутами Top, Middle и Bottom. Особенно они полезны для выравнивания изображения относительно его подписи.
Выравнивание по центру страницы Изображение можно поместить в центр страницы. Так оно будет выделяться среди текста и других элементов.
Обтекание текста между изображениями Два изображения можно поместить рядом и между ними вставить текст. для этого нужно выровнять одно из них слева, а другое - справа.
Рамки Чтобы выделить изображение, в информативных или просто в эстетических целях, его можно заключить в рамку. У рамки можно задать толщину в пикселях и изменять ее цвет.
Отступы изображений Большинство браузеров почти не оставляют места между изображениями и текстом. Расстояние между ними можно увеличить, и читаемость и общий вид страницы значительно улучшаттся. Горизонтальные отступы регулируются атрибутом HSPACE, вертикальные - VSPACE
Фоновые изображения Изображение можно поместить на фон страницы. При выборе фонового изображения всегда следите за разборчивостью текста. Возможно, потребуется сменить его цвет.
Примечание: Большое изображение заполнит весь фон. Маленькое размножится по нему мозаикой. |
Сделано в студии ladoga-design.ru |