САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

HTML Атрибут height



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

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


Применение

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

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

Примеры

Пример Canvas

Элемент <canvas> с высотой и шириной 200 пикселей:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Попробуйте сами »

Пример Embed

Флэш анимация высотой и шириной 200 пикселей:

<embed src="helloworld.swf" width="200" height="200">
Попробуйте сами »

Пример Iframe

Элемент <iframe> с указанной высотой и шириной 200 пикселей:

<iframe src="/index.php" width="200" height="200"></iframe>
Попробуйте сами »

Пример Img

Изображение высотой и шириной 42 пикселя:

<img src="smiley.gif" alt="Улыбающееся лицо" height="42" width="42">
Попробуйте сами »

Пример Input

Определите изображение как кнопку отправки с атрибутами height и width:

<form action="/action_page.php">
 Имя: <input type="text" name="fname"><br>
 Фамилия: <input type="text" name="lname"><br>
 <input type="image" src="img_submit.gif" alt="Отправить" width="48" height="48">
</form>
Попробуйте сами »

Пример Object

Флэш-анимация с высотой и шириной 400 пикселей:

<object data="helloworld.swf" height="400" width="400"></object>
Попробуйте сами »

Пример Video

Видеоплеер с заданной высотой и шириной:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Ваш браузер не поддерживает видео тег.
</video>
Попробуйте сами »

Поддержка браузеров

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

Элемент
canvas 4.0 9.0 2.0 3.1 9.0
embed Да Да Да Да Да
iframe Да Да Да Да Да
img Да Да Да Да Да
input 1.0 Да 16.0 Да 1.0
object Да Да Да Да Да
video Да Да Да Да Да