HTML height Attribute

Definition and Usage

The height attribute specifies the height of the element, in pixels.

Applies to

The height attribute can be used on the following elements:

Elements	Attribute
<canvas>	height
<embed>	height
<iframe>	height
<img>	height
<input>	height
<object>	height
<video>	height

Examples

Canvas Example

A <canvas> element with a height and width of 200 pixels:

Try it Yourself »

Embed Example

A flash animation with a height and width of 200 pixels:

Try it Yourself »

Iframe Example

An <iframe> with a specified height and width of 200 pixels:

Try it Yourself »

Img Example

An image with a height and width of 42 pixels:

Try it Yourself »

Input Example

Define an image as the submit button, with height and width attributes:

<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

Try it Yourself »

Object Example

A flash animation with a height and width of 400 pixels::

Try it Yourself »

Video Example

A video player with a specified height and width:

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Try it Yourself »