Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Атрибут height



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

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



Применение height

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

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

Примеры 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

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

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