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

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

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

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

Пример

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

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

Атрибут align определяет горизонтальное и вертикальное выравнивание изображения относительно окружающего его элемента.

Элемент img является встроенным элементом (он не вносит новую линию на страницу), это означает, что текст и другие элементы могут окружать его. Поэтому, это может быть полезно для обозначение выравнивания изображения в соответствии с окружающими элементами.

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

Атрибут align является устаревшим, но все еще поддерживается ведущими браузерами.

Примечания совместимости

Атирибут align элемента <img> является устаревшим, и не поддерживается в HTML 4.01 Strict / XHTML 1.0 Strict DTD.

Устаревшие элементы могут стать устаревшими в будущем, но браузеры продолжают поддерживать устаревшие элементы для обеспечения обратной совместимости.

Используйте вместо этого CSS.

Синтакс CSS: <img style="float:right" />

В нашем учебнике CSS вы можете найти более подробную информацию о свойстве float.

Пример 1

Пример CSS: Выравнивание изображения вправо
<h4>Изображение без выравнивания</h4>
<p><img src="/images/w3html.png" alt="HTML" height="95" width="120">
Это некоторый текст. Это некоторый текст. Это некоторый текст. </p>

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

Синтаксис

<img align="value" />

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

ЗначениеОписание
leftВыравнивание изображения влево
rightВыравнивание изображения вправо
middleВыравнивание изображения посередине
topВыравнивание изображения вверх
bottomВыравнивание изображения вниз
Была ли эта информация полезной?
   

Комментарии