Атрибут HTML: выравнивание

  1. пример заголовка справа

[Start] [HTML элементы] [Атрибуты HTML] [CSS стили] [Онлайн совет]
[А] [B] [С] [D] [E] [F] [Н] [I] [K] [L] [М] [N] [О] [Р] [Q] [R] [S] [Т] [U] [В] [Вт] [Z]
[Цвет] [Текст] [Шрифт] [Размер] [Позиция] [Таблица] [Список] [Форма]
[Структура] [Ссылка] [СМИ] [Units] [Кадр] [Фон] [Синтез] [Печать]

выравнивать

Атрибут определяет выравнивание с другими элементами по горизонтали или вертикали. Разные элементы HTML используют разные значения атрибута, поэтому стоит обратить внимание на место его использования. В тексте чаще всего используются значения «right», «justify» и «center» («left» - значение по умолчанию). Графические элементы и формы используют значения «верх», «середина» и «низ».

не рекомендуется заменять стилями: выравнивания текста , вертикальные выравнивания

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

влево - (горизонтальное значение по умолчанию) влево - выравнивание по центру • горизонтальное выравнивание по центру • выравнивание вправо-влево • выравнивание выравнивания вправо и влево • выравнивание по вертикали по верхней части • снизу - (по умолчанию по вертикали) вертикальное выравнивание по нижней части • среднее вертикальное выравнивание по центральной части • выравнивание по символу с указанным символом в таблицах, например, относительно десятичной точки - не все браузеры поддерживают это значение Атрибут, используемый в элементах: • [top | bottom | left | правильно] - ЗАГОЛОВОК , ЛЕГЕНДА , FIELDSET
• [нижняя | средняя | верхняя | левая | правая] - APPLET , IFRAME , IMG , ВХОД , ОБЪЕКТ
• [влево | в центре | вправо] - ТАБЛИЦА , HR
• [влево | в центре | вправо | выровнять] - DIV , H1 , H2 , H3 , H4 , H5 , H6 , P
• [влево | в центре | вправо | выровнять | символ] - COL , COLGROUP , TBODY , TD , TFOOT , TH , THEAD , TR Примеры приложений:

• Пример 1:

<h3 align = "right" > заголовок образца справа </ h3>

пример заголовка справа

• Пример 2:

<p align = "center" > образец текста в середине страницы </ p>

образец текста в середине страницы

• Пример 3:

<table align = "center" width = "70%"> <caption "align = bottom" > заголовок под таблицей </ caption> <tr> <td> <p align = "justify" > <img src = ".. /p/kamyki.jpg " align =" right " width =" 100 "height =" 75 "> Теперь нам нужно использовать гораздо больше контента, чтобы показать, как будет выглядеть форматирование слева и справа. На всякий случай повторите предыдущее предложение еще раз. Теперь нам нужно использовать гораздо больше контента, чтобы показать, как будет выглядеть форматирование слева и справа. Как видите, обе стороны текста абсолютно равны. Вот и все! </ p> </ td> </ tr> </ table> подпись под таблицей

Теперь нам нужно использовать гораздо больше контента, чтобы показать, как будет выглядеть форматирование слева и справа Теперь нам нужно использовать гораздо больше контента, чтобы показать, как будет выглядеть форматирование слева и справа. На всякий случай повторите предыдущее предложение еще раз. Теперь нам нужно использовать гораздо больше контента, чтобы показать, как будет выглядеть форматирование слева и справа. Как видите, обе стороны текста абсолютно равны. Вот и все!

• Пример 4:

Предложение, в которое был вставлен огромный <img src = "../ p / comp.gif" align = "top" width = "70" height = "68" alt = "computer"> компьютер, но только для показа что будет с изображением при разных значениях параметра align в большем количестве текста. Практический пример заменяет десятки слов.

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

• Пример 5:

Предложение, в котором был вставлен огромный <img src = "../ p / comp.gif" align = "middle" width = "70" height = "68" alt = "computer"> компьютер, но только для показа что будет с изображением при разных значениях параметра align в большем количестве текста. Практический пример заменяет десятки слов.

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

• Пример 6:

Предложение, в которое был вставлен огромный <img src = "../ p / comp.gif" align = "bottom" width = "70" height = "68" alt = "computer"> компьютер, но только для показа что будет с изображением при разных значениях параметра align в большем количестве текста. Практический пример заменяет десятки слов.

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


• • •
Смотрите советы, сценарии, статьи и готовые решения для владельцев сайтов!