Форматирование абзаца.

Авторы различных документов традиционно разделяют свои тексты на последовательности абзацев, отражающих некоторую законченную мысль.

Начало нового абзаца задается тэгом <p>. Абзацы отделяются друг от друга пустой строкой. Предоставляется возможным задавать следующие атрибуты формата абзаца.

1. Красная строка (отступ первой строки).

Синтаксис:

<p style="text-indent: значение"> текст </p>

Значение атрибута может быть задано:

- абсолютной величиной: in (дюйм), cm (сантиметр), mm (миллиметр), pt (1 пункт  0,353 мм), pc (1 пика = 12 pt);

- относительной величиной: em (вычисленное значение свойства font-size шрифта абзаца), ex (вычисленное значение свойства x-height шрифта абзаца), px (пиксел), % (процент ширины открытого окна браузера).

Примеры:

1.1. Отступ первой строки в 20 мм.

<p style="text-indent: 20 mm"> текст </p>

1.2. Отступ первой строки на расстояние, равное 20% открытого окна браузера.

<p style="text-indent: 20 %"> текст </p>

1.3. Отступ первой строки на расстояние на 20% превышающее размер шрифта абзаца.

<p style="text-indent: 1.2 em"> текст </p>

2. Поля (margin).

Синтаксис:

<p style="text-indent: значение"> текст </p>

Значение атрибута может быть задано:

- абсолютной величиной: in (дюйм), cm (сантиметр), mm (миллиметр), pt (1 пункт  0,353 мм), pc (1 пика = 12 pt);

- относительной величиной: em (вычисленное значение свойства font-size шрифта абзаца), ex (вычисленное значение свойства x-height шрифта абзаца), px (пиксел), % (процент).

Примеры:

1.1. Отступ первой строки в 20 мм.

<p style="text-indent: 20 mm"> текст </p>

Язык HTML не разрывает строки абзаца.

Для принудительного перехода на следующую строчку без <BR clear=>

Синтаксис:

<BR атрибуты>

Начальный тег: обязателен. Конечный тег: запрещен.

Атрибуты:

id, class (идентификаторы в пределах документа)

title (заголовок элемента)

style (встроенная информация о стиле)

clear (выравнивание и плавающие объекты)

Мягкий перенос &shy (&#173 или &#xAD) рекомендует браузеру, где можно сделать разрыв слова с переносом на другую строчку. Если строка текста разрывается в месте мягкого переноса, в конце строки отображается символ переноса. Если строка не разрывается в месте мягкого переноса, символ переноса не отображается.

DIV SPAN

<p style="line-height:40mm"> текст абзаца </p>

<p style="text-align:left"> текст абзаца </p>

<p style="vertical-align:top"> текст абзаца </p>

Форматирование символов.

Форматирование символов дает возможность авторам Web-страниц придавать текстам вид, соответствующий авторским замыслам оформления документа.

Выделяют следующие атрибуты формата символов.

1. Гарнитура (шрифт).

Гарнитура определяет художественное изображение шрифта, позволяющее различать его среди других шрифтов.

Синтаксис:

<span style="font-family: имя_шрифта1, имя_шрифта2, семейство_шрифтов"> текст </span>

Задавая определенный шрифт, автор Web-страницы предполагает наличие такового на компьютере пользователя. В большинстве случаев такой подход оправдан тем, что наиболее распространенные шрифты входят в стандартную поставку операционных систем или популярных программных пакетов. Если же заданных шрифтов все же не окажется, браузер выполнит подстановку любого другого шрифта из указанного семейства шрифтов. В таблице представлены описания доступных семейств шрифтов.

Примеры:

1.1. Вывод фразы бессерифным шрифтом.

<span style="font-family: Helvetica"> текст </span>

1.2. Задание общего семейства шрифтов.

<span style="font-family: Helvetica, Arial, sans-serif"> текст </span>

1.3. Название шрифта, состоящего из нескольких слов следует заключать в кавычки или апострофы (если название указывается внутри конструкции, уже содержащей кавычки).

<span style="font-family: ‘Comic Sans MS’"> текст </span>