Добавление изображений в языке HTML

Добавление изображений в языке HTML

11 авг. 2017

Для добавления изображений в HTML используется тег <img>, но тут есть 1 нюанс, который важно понять. Этот нюанс - путь к расположению изображения.

Давайте вставим изображение, которое находится вместе с документом HTML

расположение изображений в языке HTML

<img src="photo.jpg">

Добавление изображений в языке HTML

Но бывают случаи, когда вам нужно вставить изображение из другой папки , если изображение расположено как указано на рисунке:

путь к изображению в HTML
Добавление изображений в языке HTML

Тогда прописываем следующий код :

<img src="img/img.jpg">

картинки в HTML

И рассмотрим случай, когда необходимо вставить изображения, которое находится в предыдущей папке , например как показано в изображении ниже

картинки в языке HTML Добавление картинкив языке HTML

В данном случае прописываем следующий код:

<img src="../image.jpg">

картинки в HTML

Если вы были внимательными, то вы заметили, что путь к изображению я всегда прописывал относительно HTML файла.Но иногда путь прописывается полностью, но это очень очень редко. Если такое встретится, то указывают полностью путь к изображению с http и www

<img src="http://сайт/папка/изображение">

Если статья понравилась, то поделитесь ей в социальных сетях:

Понравилась статья? Подпишись и будь в курсе всех новостей!

Нажимая на кнопку, вы даете согласие на обработку своих персональных данных Политика конфиденциальности

Вам также будет интересно:

Комментарии (0)


    Vkontakte