Align html что это
Перейти к содержимому

Align html что это

  • автор:

Атрибут align

Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается атрибутом align тега .

Синтаксис

Значения

В табл. 1 перечислены возможные значение атрибута align и результат его использования.

Табл. 1. Использование значений атрибута align

Значение Описание Пример
bottom Выравнивание нижней границы изображения по окружающему тексту.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
left Выравнивает изображение по левому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
middle Выравнивание середины изображения по базовой линии текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
right Выравнивает изображение по правому краю окна. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
top Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Наиболее популярные значения — left и right , создающие обтекание текста вокруг изображения.

Значение по умолчанию

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .

HTML 4.01 IE Cr Op Sa Fx

    Тег IMG, атрибут align  

Этот текст обтекает рисунок по его левому краю.

Примечание

Дополнительные значения absbottom , absmiddle , baseline и texttop понимаются браузерами, но не поддерживаются спецификацией HTML 4.x/XHTML 1.0.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Атрибут align

Задаёт выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте атрибут align для элемента или .

Данный атрибут устарел, взамен используйте стили.

Синтаксис

Значения

left Выравнивание по левому краю. center Выравнивание по центру. right Выравнивание по правому краю. justify Выравнивание по ширине.

Значение по умолчанию

Пример

Тег TR, атрибут align

. .

Примечание

Для выравнивания содержимого ячеек по горизонтали используйте стилевое свойство text-align, добавляя его к селектору tr .

Выравнивание по горизонтали table < width: 600px; border: 1px solid #000; margin: auto; >tr

.

Браузеры

3 12 1 4 1
4.4 12.1 1

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Атрибут align

center Выравнивание текста по центру. Текст помещается по центру горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Подобный способ выравнивания активно используется в заголовках и различных подписях, вроде подрисуночных, он придает официальный и солидный вид оформлению текста. Во всех других случаях выравнивание по центру применяется редко по той причине, что читать большой объем такого текста неудобно. left Выравнивание текста по левому краю. В этом случае строки текста выравнивается по левому краю, а правый край располагается «лесенкой». Такой способ выравнивания является наиболее популярным на сайтах, поскольку позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст. right Выравнивание текста по правому краю. Этот способ выравнивания выступает в роли антагониста предыдущему типу. А именно, строки текста равняются по правому краю, а левый остается «рваным». Из-за того, что левый край не выровнен, а именно с него начинается чтение новых строк, такой текст читать труднее, чем, если бы он был выровнен по левому краю. Поэтому выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк. Мы не рассматриваем специфичные сайты, где текст приходится читать справа налево, там возможно подобный способ выравнивания и пригодится. Но где вы у нас в стране видели такие сайты. justify Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.

Значение по умолчанию

Аналог CSS

HTML 4.01 IE Cr Op Sa Fx

    Тег DIV, атрибут align #layer1 < background: #fc0; padding: 5px; >#layer2  

Результат данного примера показан на рис. 1.

Рис. 2

Рис. 1. Выравнивание элементов с помощью атрибута align

Атрибут align HTML тега img

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

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

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

Атрибут align для тега не поддерживается в HTML5.

Вместо него следует использовать стили CSS.

Для выравнивания по середине, по верху или по низу используется CSS свойство vertical-align.

Для выравнивания по левому или правому краю используется CSS свойство float.

Синтаксис атрибута
Значения атрибута
Значение Описание
left Выравнивание по левому краю
right Выравнивание по правому краю
middle Выравнивание по середине
top Выравнивание по верху
bottom Выравнивание по низу
Пример использования атрибута

Изображение выравнивается по центру текста:

 

Кое какой текст. Кое какой текст.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *