О спецификации HTML 4.0

         

Выравнивание


Выравнивать блочные элементы (таблицы, изображения, объекты, абзацы и т.д.) можно с помощью атрибута . Хотя этот атрибут может устанавливаться для многих элементов HTML, диапазон его возможных значений в разных элементах может быть различным. Здесь обсуждается только значение атрибута align для текста.

Определения атрибутов

align = left|center|right|justify

Этот атрибут задает горизонтальное выравнивание своего элемента относительно окружающего контекста. Возможные значения:

  • left: строки текста выравниваются по левому краю.
  • center: строки текста выравниваются по центру.
  • right: строки текста выравниваются по правому краю.
  • justify: строки текста выравниваются по обоим краям.
  • Значение по умолчанию зависит от общего направления текста. Для текста, направленного слева направо, по умолчанию используется значение align=left, я для текста, направленного справа налево - .

    ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:

    В данном примере заголовок центрируется.

    <H1 align="center"> How to Carve Wood </H1>

    С использованием CSS, например, Вы можете достичь того же эффекта следующим образом:

    <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> H1 { text-align: center} </STYLE> <BODY> <H1> How to Carve Wood </H1>

    Обратите внимание, что будут выровнены все объявления . Вы можете ограничить область действия стиля, установив атрибут :

    <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> H1.wood {text-align: center} </STYLE> <BODY> <H1 class="wood"> How to Carve Wood </H1>



    ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:

    Аналогично, чтобы выровнять абзац по правому краю с помощью атрибута HTML Вы можете записать:

    <P align="right">...Текст абзаца...

    а с использованием CSS:

    <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> P.mypar {text-align: right} </STYLE> <BODY> <P class="mypar">...Текст абзаца...


    ПРИМЕР НЕЖЕЛАТЕЛЬНОГО ИСПОЛЬЗОВАНИЯ:

    Чтобы выровнять по правому краю ряд абзацев, сгруппируйте их с помощью элемента :

    <DIV align="right"> <P>...текст первого абзаца...

    <P>...текст второго абзаца...

    <P>...текст третьего абзаца...

    </DIV>

    С использованием CSS свойство выравнивания текста наследуется от родительского элемента, поэтому Вы можете использовать:

    <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> DIV.mypars {text-align: right} </STYLE> <BODY> <DIV class="mypars"> <P>...текст первого абзаца...

    <P>...текст второго абзаца...

    <P>...текст третьего абзаца...

    </DIV>

    Чтобы отцентрировать с использованием CSS весь документ:

    <HEAD> <TITLE>How to Carve Wood</TITLE> <STYLE type="text/css"> BODY {text-align: center} </STYLE> <BODY> ...тело документа отцентрировано...

    </BODY>

    Использование элемента CENTER абсолютно эквивалентно использованию элемента с атрибутом , для которого установлено значение "center". Использование элемента .


    Содержание раздела