html и css для начинающих

кнопка удаления
кнопка удаления
кнопка меню

Как добавить изображение (картинку, фотографию) в HTML

Элемент img и его атрибуты


Чтобы добавить на страницу изображение нужно использовать пустой (нет закрывающего тега) элемент <img/>.

Атрибутами этого элемента являются:

Пример:

img

Так же можно использовать атрибуты:

height and weight

Подразумевается, что ширина и высота указаны в (px).

Расположение изображения зависит от размещения тега в тексте.


Выравнивание изображение, атрибут align


Для выравнивания изображения лучше использовать CSS. Подробнее можно прочитать на этой странице: Свойства CSS для изображений

Атрибут aligh был исключен из стандарта HTML5, но я о нем расскажу, так как его можно встретить:

аligh - выравнивание изображения на странице.

Значения этот атрибута могут быть такими:

Подписи иллюстраций в HTML5


Используйте элемент <figure> - он объединяет изображение и подпись к нему.
Элемент <figcaption> - добавляет подпись к изображению.

figure

Пример:

example for figure
little puppy
Cute little puppy