+7 (495) 565-31-75 многоканальный

Теги HTML для вставки изображения

Для того, что вставить картинку в HTML-страницу,нужен тег < IMG >, у которого есть самый главный атрибут SRC, который необходим для указания адреса к картинке.


Если картинка находится находится в одной папке со страницей, тогда пишем


< img src="image.jpg" >.


Если картинка и html-страница находятся в разных папках, то пишем путь к изображению относительно страницы. Например, наша html-страница находится в папке или каталоге news, в этом же каталоге или папке находится подкаталог (папка) pop, в котором и расположена наша картинка image.jpg, то для ее вставки надо писать так:


< img src="pop/image.jpg" >


Помимо src у тега < IMG > есть еще атрибуты:


width — ширина картинки


height — высота картинки


Главное, не переусердствовать с длиной и шириной картинки и не исказить ее. Управлять расположением картинки относительно текста на странице можно атрибутом align. Если мы вставим left — картинка расположится слева, а текст, который рядом — справа, если right — картинка расположится справа, а текст, который рядом — слева.


Чтобы исключить обтекание текста картинкой, используем тег BR, имеющий атрибут clear, со своими значениями значения:


left — не обтекать текстом, который выровнен по левому краю


right — не обтекать текстом, который выровнен по правому краю


all — не обтекать текстом, который выровнен по левому и правому края.


vspace — делает верхнее и нижнее поля в пикселях


hspace — делает боковые поля (слева и справа) в пикселях.