phpjsJqueryhtmlcssblog

Теги картинки как вставить картинку на сайте

Что такое тег картинки? Как вставить картинку в html. Как вывести картинку на странице сайта!?
<img src="URL">

О картинке "тег img"

1. Что такое тег картинки img?
2. Атрибуты тега картинки img.

Скопировать ссылку



Что такое тег картинки img?

Для того, чтобы вставить картинку на страницу сайта требуется специальный тег, который отвечает за вставку и вывод картинки на странице html - это тег "img".

тег "img" является одинарным тегом, т.е. второго закрывающего тега у него нет.


Синтаксис тега картинки "img"

<img src="URL" alt="альтернативный текст">

Из чего состоит тег картинки!?

"img" - это тег картинки

"src" - это адрес картинки, он может быть абсолютным, либо относительным. Рекомендую использовать "абсолютный путь до картинки".

"alt" - необязательный(но желательный) атрибут тега "img"

Пример вставки текста на страницу html

<img src="https://dwweb.ru/__img/__dates/logo.png" alt="logo dwweb.ru">

Результат:

"Альтернативный текст будет выводиться в том случае, если вдруг адрес картинки не верен. Это бывает в тех случаях, когда вы написали адрес картинки, но потом удалили данную картинку, а адрес картинки не отредактировали!

Пример отсутствия адреса картинки в теге "img"



Простите. что вынужден поставить картинку, а не живой пример вывода альтернативного текста "альта" - просто, я написал скрипт вывода ошибок - она(ошибка отсутствия картинки) постоянно там вылазит! смайлы

Скопировать ссылку



Атрибуты тега картинки img?

alt

Альтернативный текст для изображения.

атрибут border

Толщина рамки вокруг изображения.

height + width

Высота изображения + ширина размеры изображения.

hspace

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

ismap

Говорит браузеру, что картинка является серверной картой-изображением.

longdesc

Указывает адрес документа, где содержится аннотация к картинке.

lowsrc

Адрес изображения низкого качества.

src

Путь к графическому файлу.

vspace

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

usemap

Ссылка на тег <map>, содержащий координаты для клиентской карты-изображения.

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---