Вставка изображений на страницу HTML. Тег для вставки

Для вставки изображения на страницу HTML используется одиночный тег <img />. Он позволяет вставлять изображения форматов PNG, GIF, JPEG.

Пример:

<img src= «image.png»>

Данный код поместит на страницу изображение, находящееся в той же папке что и веб страница и который имеет имя image и формат png.

Атрибуты тега IMG

SRC — является обязательным и самым важным атрибутом тега img, данный атрибут указывает путь к файлу изображения. Путь к файлу может буть абсолютный либо относительный. Так же в качестве пути может быть указан адрес изображения в сети интернет (src=»mysite.ru/image/image.jpg»)

ALT — данный атрибут содержит в себе текст замены в случае если изображение не может прогрузиться на странице, так же данный атрибут используется поисковыми системами для поиска изображений.

WIDTH — позволяет задать ширину изображения, значение данного атрибута может быть в пикселях, либо в процентах от размера окна браузера.

HEIGHT — позволяет задать высоту изображения на странице, значение данного атрибута может быть в пикселях, либо в процентах от размера окна браузера.

ALIGN — позволяет выравнивать изображение, и определяет способ обтекания изображения текстом.

VSPACE — задает вертикальный отступ от изображения до окружающего контента.

HSPACE — задает горизонтальный отступ от изображения до окружающего контента.

Пример использования тега img с атрибутами

<!DOCTYPE html>
<html>
<head>
<title>Моя анкета</title>
</head>
<body>
<h1 align= «center»> Моя анкета </h1>
<img src= «foto.jpg» alt= «Мое фото» width= «200px» height= «200px»>
</body>
</html>