Вставка изображения в 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, содержащий координаты для клиентской карты-изображения |
Оставить комментарий