Протоколы Internet


Язык HTML - часть 63


Другой проблемой форматирования является выравнивание текста. Для этой цели служит атрибут Align = left|center|right|justify. Здесь справедливы те же замечания, что и в случае атрибута bgcolor. Ниже предлагается пример решения задачи выравнивания с использованием стилевого листа.

<head>

<style>

h1 { test-align: center }

</style>

</head>

<h1> how to carve wood </h1>

Следует иметь в виду, что приведенный текст отцентрирует все заголовки Н1. Можно ограничить зону действия данного стиля, установив атрибут ID.

<head>

<style type=”text/css”>

h1.wood {text-align: center}

</style>

</head>

<h1 id=”wood”> how to carve wood </h1>

Аналогично для выравнивания по правому и левому полям с использование атрибута align:

<p align=”justify”> ….далее следует текст….

То же с использованием стилевого листа:

<head>

<style type=”text/css”>

p.mypar {text-align: justify}

</style>

</head>

<p id=”mypar”> ….далее следует текст….

Для двойного выравнивания последовательности параграфов можно группировать их с помощью элемента div.

<div align=”justify”>

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

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

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

</div>

Решение той же задачи с использованием каскадирования стилевых листов:

<head>

<style type=”text/css”>

div.mypars {text-align: justify}

</style>

</head>

<div id=”mypars”>

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

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

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

</div>

Для выравнивания всего документа с использованием каскадирования стилевых листов можно записать:

<head>

<style type=”text/css”>

body {text-align: justify}

</style>

</head>

<body>

… текст документа, подлежащий выравниванию …

</body>

Элемент center работает также как и элемент div с атрибутом align=”center”. Использование center не рекомендуется.




Начало  Назад  Вперед