Последние учебники веб-разработки
 

HTML <img> width Attribute

<HTML <img> тег

пример

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

<img src="smiley.gif" alt="Smiley face" height="42" width="42">
Попробуй сам "

width атрибут задает ширину изображения в пикселях.

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

Совет: Уменьшение массы большое изображение с высоты и ширины атрибутов заставляет пользователя загрузить большое изображение (даже если он выглядит маленьким на странице).Чтобы избежать этого, отмасштабировать изображение с помощью программы, прежде чем использовать его на странице.


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

Атрибут
width да да да да да

Отличия между HTML 4.01 и HTML5

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


Синтаксис

<img width="pixels">

значения атрибутов

Стоимость Описание
pixels Ширина в пикселях (например , width="100" )

<HTML <img> тег