Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!! smile

Что такое тег картинки? Как вставить картинку в html. Как вывести картинку на странице сайта!?

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

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

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

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

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

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

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

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

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

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

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

    <img src="//dwweb.ru/___dwweb.ru/__template/images/new_logo.png" alt="logo dwweb.ru">

    Результат: logo dwweb.ru

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

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

    альтернативный текст

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

    alt

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

    атрибут border

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

    height + width

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

    hspace

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

    ismap

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

    longdesc

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

    lowsrc

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

    src

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

    vspace

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

    usemap

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


Вас может еще заинтересовать список тем : #FOTO | #HTML | #HTML_TAGS | #IMG |
Последняя дата редактирования : 2020-11-25 21:31
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
тег картинки тег картинки в html тег вставить картинку тег вставки картинки тег вставить картинку html тег добавить картинку тег размер картинки тег для вставки картинки в html теги картинка в тексте тег для добавления картинки в html тег img не отображает картинку тег img атрибуты тега img тег img src обязательный атрибут тега img тег img title тег img в html атрибуты тега img src тег img является атрибуты тега изображения img

Последние комментарии :
Прохожий :
02/01/2021 10:44
Здравствуйте Марат!Спасибо Вам, за оперативность и развернутый ответ с примерами. И ОГРОМНОЕ спасибо, что…
подробнее.
Марат :
01/01/2021 03:30
И вас с Новым годом!Посмотрите …
подробнее.
Прохожий :
31/12/2020 03:58
А как проверить, чекнут ли чекбокс программно, то есть - другим скриптом, а не мышкой?Вот тут…
подробнее.
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.