русский  עברית
tadam logo
Рассылка
Присоединитесь к списку рассылки для получения последних новостей

Введите адрес электронной почты:

Примеры HTML
Основные атрибуты HTML

HTML Атрибут <img> width

Пример

Изображение с высотой и шириной:
<img src="/images/w3html.png" alt="HTML" width="120" height="95" />
Результат выполнения кода выше:

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

Атрибут width указывает ширину изображения.

Совет: Хорошая практика указывать оба атрибута: высоту и ширину в изображении. Если эти атрибуты указанны, место необходимое для изображения резервируется во время загрузки страницы. Поэтому, без этих атрибутов, браузер не знает размер изображения, и не может зарезервировать необходимое место для него. Эффектом будет изменение страницы во время загрузки (в момент загрузки изображения).

Совет: Не изменяйте размеры изображения используя атрибуты высоты и ширины! Загрузка большого изображения с атрибутами высоты и ширины заставляет пользователя загружать большое изображение (не смотря на то, что оно выглядит маленьким на странице). Правильным методом является изменение размеров изображения в специальной программе, перед загрузкой его на страницу.

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

атрибут width поддерживается во всех ведущих браузерах

Синтаксис

<img width="value" />

Значение атрибута

ЗначениеОписание
пикселиШирина в пикселях (как "100px" или только "100")
процентыШирина в процентах от содержащего изображение элемента (как "20%")
Была ли эта информация полезной?
   

Комментарии