Атрибут height HTML тега <img>

HTML тег <img>

Значение и применение

Атрибут height (HTML тега <img>) определяет высоту изображения в пикселях.

Рекомендуется всегда указывать ширину и высоту изображения. Если ширина (атрибут width) и высота (атрибут height) не указаны, то браузер не резервирует место под изображение и при медленной загрузке страница будет «прыгать».

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

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
widthДаДаДаДаДаДа

Синтаксис:

<img height = "pixels"> 

Значения атрибута

ЗначениеОписание
pixelsОпределяет высоту изображения в пикселях. Единицы измерения при этом не указываются (только цифры).

Отличия HTML 4.01 от HTML 5

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

Пример использования

<!DOCTYPE html>
<html>
<head>
	<title>Пример использования атрибута height HTML тега <img></title>
</head>
<body>
	<img src = "moscow.jpg" alt = "Москва" height = "50">
	<img src = "moscow.jpg" alt = "Москва" height = "75">
	<img src = "moscow.jpg" alt = "Москва" height = "100">
	<img src = "moscow.jpg" alt = "Москва" height = "125">
</body>
</html>

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

Результат нашего примера:

Пример использования атрибута height HTML тега <img> (высота изображения в пикселях).
Пример использования атрибута height HTML тега <img> (высота изображения в пикселях).
HTML тег <img>