HTML атрибут height, определение и примеры использования
Меню
Веб-разработка
Атрибут height

HNML-атрибут height указывает высоту элемента в пикселях.


Атрибут height - синтаксис и код

Пример с изображением (<img>):

<img src="example.jpg" alt="Пример изображения" height="200">

Здесь изображение будет иметь высоту 200 пикселей, ширина подстроится автоматически, сохраняя пропорции.

Пример с видео (<video>):

<video src="example.mp4" controls height="300"></video>

Видео будет отображаться с высотой 300 пикселей, а ширина подстроится автоматически.

Здесь изображение будет иметь высоту 200 пикселей, ширина подстроится автоматически, сохраняя пропорции.

Пример с использованием высоты в процентах:

<img src="example.jpg" alt="Пример изображения" height="50%">

Высота изображения будет составлять 50% от высоты родительского элемента.

Пример с canvas (<canvas>):

<canvas id="myCanvas" height="400" width="600"></canvas>

Задается высота и ширина холста для рисования.

Использование с iframe (<iframe>):

<iframe src="https://example.com" height="500"></iframe>

Фрейм отображается с высотой 500 пикселей.

Синтаксис

<attribute height="pixels">


Определение и использование

Атрибут height в HTML используется для указания высоты элемента, чаще всего медиафайлов, таких как изображения (<img>) или видео (<video>). Значение height может задаваться в пикселях или процентах. При использовании в пикселях указывается фиксированное значение (например, height="300"), а при указании в процентах оно рассчитывается относительно родительского элемента. Атрибут height не следует путать со стилевым свойством CSS height, так как использование атрибута ограничено только определенными элементами.

Примечание: если height указан без соответствующего атрибута width, соотношение сторон изображения может быть нарушено.

Применимо

Атрибут height можно использовать для следующих элементов:

Элемент Атрибут
<canvas> height
<embed> height
<iframe> height
<img> height
<input> height
<object> height
<video> height

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой