Все для создания и продвижения сайтов

Верстка, программирование, SEO

Вставка изображения в html

Здесь вы узнаете как делать вставку изображения в HTML. Вывод картинок в HTML осуществляется через тег "img". Простой пример:


Для поисковой оптимизации, необходимо добавлять описание к картинке, это можно сделать через атрибут alt. Пример:

Это простая картинка

Есть атрибут title (заголовок), который показывает надпись при наведении на картинку


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


Также как может потребоваться выравнять картинку в блоке по центру, левому или правому краю.

Выравнять картинку по центру


Выравнять картинку по правому краю


Выравнять картинку по левому краю


Чтобы сделать картинку ссылкой, мы просто обернём её в тег ссылки "img"


Атрибуты для изображений:

align Выравнивание по центру, левому или правому краю (center,left,right)
altОписание картинки
titleЗаголовок картинки
borderТолщина рамки вокруг изображения.
heightВысота изображения
widthШирина изображения
hspaceГоризонтальный отступ от изображения до окружающего контента
ismapГоворит браузеру, что картинка является серверной картой-изображением
longdescУказывает адрес документа, где содержится аннотация к картинке
lowsrcАдрес изображения низкого качества
srcПуть к графическому файлу
vspaceВертикальный отступ от изображения до окружающего контента
usemapАдрес изображения низкого качества
lowsrcСсылка на тег map, содержащий координаты для клиентской карты-изображения

Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.