Как вставить картинку на сайт код?

Сегодня практически каждый интернет сайт имеет какие-либо изображения, за редким исключением тех на которых только текстовая информация. Поэтому каждый вебмастер в том числе и начинающий должен уметь вставлять картинки (изображения) на свой сайт, а соответственно знать код с помощью которого это можно сделать.

Код вставки картинки (изображения) на сайт

Именно с помощью кода, который приведен ниже можно вставить картинку на сайт.

  • В этом коде тег <img> отвечает за отображения изображений  (GIF, JPEG или PNG).
  • С помощью атрибута src указывается адрес (путь) файла с картинкой.
  • Атрибут alt  устанавливает альтернативный текст для изображений. Этот атрибут является обязательным и нужен на случай того если браузер не сможет отобразить картинку из-за неправильного адреса или ошибки сервера.

Дополнительные атрибуты при вставки картинки

С помощью дополнительных атрибутов мы можем задавать картинке (изображению) те или иные свойства. Вкратце рассмотрим наиболее часто используемые.

Align — атрибут отвечающий за выравнивание картинки (с лева, по центру, с права)

img_align

2. С помощью атрибутов height, width можно задавать высоту и ширину.

В случае указание (высоты и ширины) в процентах % указанное значение будет учитываться от родительского элемента, а не от исходного размера изображения.

3. Атрибуты vspace, hspace используют для вертикального и горизонтального отступов от изображения до окружающего контента. Удобны для точного позиционирования.

Считаются устаревшими можно использовать свойство margin в стилях.

4. Border — атрибут отвечающий за толщину рамки вокруг изображения.

5. Атрибут style используется для определения стиля элемента с помощью правил CSS. Не путать с тегом <style>.

6. Так же с помощью атрибута class вы можете поместить изображение в класс с нужным Вам стилевым оформлением.

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