Изображения на странице HTML

Любая Web-страница должна иметь графические изображения. Рисунки можно изготовить с помощью графических редакторов.

Как поместить изображение на домашнюю страницу? Изображение можно вставить в любое место страницы с помощью тега <IMG>, вставляемого между тегами <BODY> и </BODY>. Например, изображение FRACT.GIF загружается из текущего каталога: <IMG SCR=FRACT.GIF>.

Загрузка изображения из каталога уровнем выше:

<IMG SRC=../FRACT.GIF>

Загрузка изображения с другого диска:

<IMG SRC=FILE:///D:\FRACT.GIF>

Считается хорошим тоном вместе с изображением использовать альтернативный текст, который выводится, пока изображение загружается. Например:

<IMG SRC=FRACT.GIF ALT="Фрактал">

В последних версиях HTML атрибут alt обязателен для тега img.

Если изображение не найдено, браузеры выводят на место изображения стандартную пиктограмму. Изображения можно выравнивать с помощью атрибута ALIGN по левому, правому краю, самому высокому элементу в строке, по середине:

ALIGN=LEFT| RIGHT |TOP |TEXTTOP| MIDDLE |ABSMIDDLE| BOTTOM| BASELINE

В примере текст будет выводиться справа от изображения:

<IMG SRC=fract.gif ALT="Фрактал" ALIGN=LEFT>

Размеры изображения можно изменять с помощью атрибутов HEIGTH и WIDTH. При этом меняются не размеры изображения, а только вид на экране. Например:

<IMG SRC=tigers.gif ALT= "ТИГРЫ" ALIGN = LEFT WIDTH=240 HEIGHT=260>

Фон

Цвет фона устанавливается атрибутом BGCOLOR тега <BODY>. Например:

<BODY BGCOLOR=”RED”>

Фоновые изображения задаются атрибутом BACKGROUND. Например:

<BODY BACKGROUND="bg.jpg">

Фоновые рисунки похожи на обои, наклеиваемые из небольших периодических рисунков. Обычно цвет фона светлый, рисунок легкий.

Формат GIF позволяет задать один из 256 цветов, который при отображении браузером будет игнорироваться, вместо него устанавливается цвет фона, так что изображение будет прозрачным. Прозрачные изображения можно создать в формате GIF графическим редактором.

Наложение изображений

Ключевое слово LOWSRC позволяет сначала загрузить файл с низким разрешением, затем больший файл с высоким разрешением:

<IMG SRC="highcar.gif" LOWSRC="lowcar.gif">

В примере сначала загружается файл lowcar.gif, а затем highcar.gif.

Вы можете следить за любыми ответами на эту запись через RSS 2.0 ленту. Вы можете оставить ответ, или trackback с вашего собственного сайта.

Оставьте отзыв

XHTML: Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 
Rambler's Top100