Найти в Дзене
Rirol

Основы HTML #3

Работа с изображениями Для добавления изображения на наш сайт есть два способа. Один из них простой другой более сложный. Простой способ заключается в том что бы добавить изображение через прямую URL сслыку на фотографию. Это делается при помощи тега <img ...> в угловых скобках после img пишеться src. Вот так <img src="ссылка">. Как вы уже поняли <img ...> это самозакрывающийся тег и закрывающий тег ему не нужен. Теперь перейдем к более сложному способу через указание пути в папки проекта. Проще всего закинуть файл в папку с файлом html и указать к нему путь подобным образом, как в первом способе. То есть <img src="картинка.png">, но если ваша картинка находится в другой директории например images, то путь к нему будет указываться немного иначе. Вот так <img src="images/картинка/png"> Ещё можно добавить комментарий к картинке при помощи элемента alt="Это картинка". При помощи элемента height вы можете указать высоту картини, а при помощи width ширину. Добавление на сайт Теперь да
Оглавление
Основы HTML #3
Основы HTML #3

Работа с изображениями

Для добавления изображения на наш сайт есть два способа. Один из них простой другой более сложный. Простой способ заключается в том что бы добавить изображение через прямую URL сслыку на фотографию. Это делается при помощи тега <img ...> в угловых скобках после img пишеться src. Вот так <img src="ссылка">. Как вы уже поняли <img ...> это самозакрывающийся тег и закрывающий тег ему не нужен.

-2

Теперь перейдем к более сложному способу через указание пути в папки проекта. Проще всего закинуть файл в папку с файлом html и указать к нему путь подобным образом, как в первом способе. То есть <img src="картинка.png">, но если ваша картинка находится в другой директории например images, то путь к нему будет указываться немного иначе. Вот так <img src="images/картинка/png">

Ещё можно добавить комментарий к картинке при помощи элемента alt="Это картинка". При помощи элемента height вы можете указать высоту картини, а при помощи width ширину.

Код
Код

Добавление на сайт

Теперь давайте добавим две картинки на наш сайт двумя способами. Для этого нам понадобятся:

  1. img
  2. src
  3. alt
  4. height
  5. width

Заключение

Таким образом мы научились добавлять картинки на наш сайт HTML. Я с вами не прощаюсь, ещё спишемся.

Результат
Результат