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