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

Добавление изображений в свою html страницу занятие очень простое. Единственное что нужно выучить – это правильность прописывания путей к файлу с изображением. В этой статье мы расскажем об этом подробнее.

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

Для добавления изображений в 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://сайт/папка/изображение">
Похожие записи:
Структура HTML документа
Структура HTML документа

Статья посвящена основному документу в языке гипертекстовой разметке HTML. Который Подробнее:

Форматируем текст в HTML
Форматируем текст в HTML

В этом уроке изучим теги, с помощью которых редактируют текст Подробнее:

Ссылки в языке HTML
Ссылки в языке HTML

Давайте вместе с вами разберем какие ссылки бывают в языке Подробнее:

Списки в HTML. Многоуровневое меню
Списки в HTML. Многоуровневое меню

Для того, чтобы упорядочить и систематизировать объемный текст используют списки. Подробнее:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *