Атрибут align
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается атрибутом 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
Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм.
Основные тэги таблицы
Таблица:
Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.
Строка таблицы:
Количество строк таблицы определяется количеством встречающихся пар тэгов
Ячейка таблицы:
Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отстутствует одна или несколько ячеек для некоторых колонок, то броузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN=left и VALIGN=middle. Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки.
Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.
Данный тэг описывает название таблицы (подпись). Тэг должен присутствовать внутри
Основные атрибуты таблицы
Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы вцелом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3.
Если атрибут ALIGN присутствует внутри тэгов
Если атрибут ALIGN встречается внутри , или , он управляет положением данных в ячейках по горизонтали. Может принимать значения left (слева), right (справа) или center (по центру).
Данный атрибут встречается внутри тэгов , и . Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху).
Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.
Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании — 1.
Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании — 1.
Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC=»20%».
Пример таблицы
| Среднее значение | ||
|---|---|---|
| Рост | Вес | |
| Мужчины | 174 | 78 |
| Женщины | 165 | 56 |
| Среднее значение | ||
|---|---|---|
| Рост | Вес | |
| Мужчины | 174 | 78 |
| Женщины | 165 | 56 |
| Таблица ╧1 | ||
Атрибут align: выравнивание текста в HTML
Атрибут align используется в HTML и XHTML для выравнивания блока текста. Стоит заметить, что атрибут align применялся в HTML 3.2, его использование в HTML 4.01 и HTML 5 не одобряется. То же самое можно сказать и про XHTML (в XHTML 1.1 он вообще запрещён, вместо него нужно использовать text-align из CSS).
Синтаксис использования атрибута align очень прост:
Атрибут align может принимать одно из четырёх значений:
left — текст будет выравнен по левому краю, который будет выглядеть ровно, а правый край примет вид «лесенки» из-за разной длины строк. Этот способ отображения текста позволяет пользователю легко отыскивать взглядом новую строку и комфортно читать большой текст.
right — текст будет выравнен по правому краю, который будет выглядеть ровно, а левый край примет вид «лесенки» из-за разной длины строк. Такой текст читать труднее, поскольку чтение текста происходит от левого края к правому. Выравнивание по правому краю применяется обычно для коротких заголовков объемом не более трех строк (например, его можно использовать для эпиграфа). Конечно, есть ряд языков, написанные на которых тексты читают справа налево. Но это не про русский язык (да и не про другие популярные в Интернете языки).
center — текст будет выравнен по центру. Под центром понимается центр горизонтали окна браузера или контейнера, где расположен текстовый блок. Строки текста словно нанизываются на невидимую ось, которая проходит по центру веб-страницы. Этот способ выравнивания используется в заголовках и различных подписях (например, под рисунками). К основному тексту применять такой способ выравнивания не рекомендуется. Читать большой объем такого текста неудобно.
justify — текст будет выравнен по ширине, то есть выравнивание будет выполнено одновременно и по левому краю, и по правому. Чтобы произвести это действие браузер добавляет пробелы между словами. Такой текст тоже удобно читается и аккуратно выглядит (хотя бывают редкие случаи несоразмерно больших пробелов).
По умолчанию текст выравнивается по левому краю.
Пример использования атрибута align :
Атрибут align Этот текст выравнен по левому краю.
Этот текст выравнен по правому краю.
Этот текст выравнен по центру.
Этот текст выравнен по ширине.
Несмотря на то, что атрибут align успешно понимается современными браузерами, рекомендуется использовать стили (CSS) для выравнивания текста (атрибут text-align).
Атрибут align
Задаёт выравнивание содержимого ячеек строки по горизонтали. Выравнивание осуществляется для всех ячеек в пределах одной строки. Если требуется применить разное выравнивание для каждой ячейки, воспользуйтесь стилями или используйте атрибут align для элемента или .
Данный атрибут устарел, взамен используйте стили.
Синтаксис
Значения
left Выравнивание по левому краю. center Выравнивание по центру. right Выравнивание по правому краю. justify Выравнивание по ширине.
Значение по умолчанию
Пример
| . | . |
Примечание
Для выравнивания содержимого ячеек по горизонтали используйте стилевое свойство text-align, добавляя его к селектору tr .
| . |
Браузеры
| 3 | 12 | 1 | 4 | 1 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.