Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Введение в HTML.doc
Скачиваний:
36
Добавлен:
21.03.2016
Размер:
957.44 Кб
Скачать

Выравнивание, стили шрифта и горизонтальные линии Форматирование Цвет фона

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

bgcolor = color [CI]

Не рекомендуется.Этот атрибут устанавливает цвет фона документа или ячеек таблицы.

Этот атрибут устанавливает цвет фона "канвы" тела документа (элемент BODY) или таблицы (элементы TABLE, TR, TH и TD). Дополнительные атрибуты, устанавливающие цвет текста, могут использоваться с элементом BODY.

Этот атрибут не рекомендуется использовать для определения цвета фона. Лучше использовать таблицы стилей.

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

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

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

align = left|center|right|justify [CI]

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

  • left: строки текста выравниваются по левому краю;

  • center: строки текста выравниваются по центру;

  • right: строки текста выравниваются по правому краю;

  • justify: строки текста выравниваются по обоим полям.

Значение по умолчанию зависит от базового направления текста. Для направления слева направо - это align=left, для направления справа налево - по умолчанию align=right.

НЕ РЕКОМЕНДУЕТСЯ:

Здесь заголовок центрируется.

<H1 align="center"> Что за прелесть эта мерзость! </H1>

Используя CSS (каскадные таблицы стилей), например, Вы можете достичь того же эффекта следующим образом:

<HEAD>

<TITLE>Что за прелесть эта мерзость!</TITLE>

<STYLE type="text/css">

H1 { text-align: center}

</STYLE>

<BODY>

<H1> Что за прелесть эта мерзость! </H1>

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

<HEAD>

<TITLE>Что за прелесть эта мерзость!</TITLE>

<STYLE type="text/css">

H1.wood {text-align: center}

</STYLE>

<BODY>

<H1 class="wood"> Что за прелесть эта мерзость! </H1>

НЕ РЕКОМЕНДУЕТСЯ:

также, для того, чтобы выровнять вправо параграф на "канве" атрибутом HTML align, Вы могли бы записать:

<P align="right">...параграф текста...

что в таблице стиля могло бы быть:

<HEAD>

<TITLE>Что за прелесть эта мерзость!</TITLE>

<STYLE type="text/css">

P.mypar {text-align: right}

</STYLE>

<BODY>

<P class="mypar">...параграф текста...

НЕ РЕКОМЕНДУЕТСЯ:

Чтобы выровнять вправо несколько параграфов, сгруппируйте их элементом DIV:

<DIV align="right">

<P>...текст первого параграфа...

<P>...текст второго параграфа...

<P>...текст третьего параграфа...

</DIV>

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

<HEAD>

<TITLE>Что за прелесть эта мерзость!</TITLE>

<STYLE type="text/css">

DIV.mypars {text-align: right}

</STYLE>

<BODY>

<DIV class="mypars">

<P>...текст первого параграфа...

<P>...текст второго параграфа...

<P>...текст третьего параграфа..

</DIV>

Чтобы выровнять по центру весь документ:

<HEAD>

<TITLE>Что за прелесть эта мерзость!</TITLE>

<STYLE type="text/css">

BODY {text-align: center}

</STYLE>

<BODY>

...тело выровнено по центру...

</BODY>

Элемент CENTER полностью эквивалентен определению элемента DIV с атрибутом align, установленным в "center". Элемент CENTER не рекомендуется.