чилка HTML
 
тэги HTML

Изображение

Вставка на страницу изображения графического формата производится с помощью
тэга <img> с обязательным атрибутом src.
Атрибуты тэга <img>
< img src="адрес_графического_файла" >
src=URL - адрес или имя файла изображения
 Пример
<img src="http://u4ilka.kcbux.ru/image/picture.jpg">
<img src="picture.jpg">
lowsrc=адрес графического файла, который браузер загружает на страницу в момент ее загрузки.
Используется для ускорения формирования страницы в окне браузера.
 Пример
<img src="picture.jpg"  lowsrc="picture_min.jpg">

В мамент загрузки страницй браузер отобразит рисунок picture_min.jpg с "малым размером".
После полной загрузки страницы браузер отобразит сисунок picture.jpg с "большим размером".

width="число"Ширина изображения
height="число"Высота изображения
alt="текст"Альтернатавный текст, который будет появлятся вместо графического изображения в рехиме "отключения загрузки графики".
align=Обычно атрибут align тэга <img> используется для выравнивания изображения относительно текста.
absbottomВыравнивание нижней границы изображения по нижней границе текущей строки.
absmiddleВыравнивание середины изображения по середине текущей строки.
baselineВыравнивание нижней границы изображения по базовой линии текущей строки.
bottomТо же, что и baseline.
topВерхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки.
texttopВерхняя граница изображения выравнивается по самому высокому элементу текущей строки.
leftИзображение располагается у левого края окна;
текст и другие элементы обтекают изображение справа.
rightИзображение располагается у правого края окна;
текст и другие элементы обтекают изображение слева.
Для прекращения выравнивания изображения, заданного с помощью align=left или align=right, относительно текста используют
тэг <br> перевода строки с атрибутом clear

<br clear=left>- для прекращения обтекания текстом изображений, выровненых по левому краю.
<br clear=right>- для прекращения обтекания текстом изображений, выровненых по правому краю.
<br clear=all>- для прекращения обтекания текстом изображений, выровненых либо по левому краю, либо по правому краю.

border="число"Толщина черной рамки вокруг изображения. Если атрибут не указан, то рамка не отображается.
Если рисунок оформлен как ссылка, то для того, чтобы бруузер (по умолчанию) не выделял рамку надо указать border=0
vspace="число"Размер верхнего и нижнего пустого поля вокруг изображения.
hspace="число"Размер пустого бокового поля вокруг изображения.

 

 

Обтекание картинок текстом в HTML


Пример 1
Изображение без подписи

<img src="picture.jpg" align="right" hspace="10" vspace="8">

Изображение без подписи снабжено атрибутом align="left" тега img, а чтобы обеспечить отступ от текста по горизонтали и вертикали на указанное число пикселей, используют числовые атрибуты hspace и vspace, соответственно. Изображение без подписи снабжено атрибутом align="right" тега img, а чтобы обеспечить отступ от текста по горизонтали и вертикали на указанное число пикселей, используют числовые атрибуты hspace и vspace, соответственно.

 

Пример 2
Для изображения с подписью

<div style="width:75px; float: left; border: 2px solid #008000; padding:5px;">
    <img src="picture.jpg" >
    Подпись к картинке
</div>


Подпись
Для изображения с подписью надо заключить картинку и ее описание в блок <div>

 

 

 

 

 

Copyright © Москва
Училка HTML: сайт  u4ilka.kcbux.ru