Стилизация текста

Для оформления содержимого абзацев применяется стилизация текста. Выделяют два типа стилей: физический и логический.

Физическими являются те стили, которые непосредственно сообщают браузерам, как должен быть выделен или изменен текст. Например, жирное оформление символов – это физический стиль. Логические стили только дают браузеру знать о том, что текст как-то должен быть выделен. Логические стили нужны, так как не все браузеры могут отображать физические стили. При использовании логического стиля браузер свои способом выделит указанный текст.

Физические стили

Логические стили

Элемент <q> используется, когда нужно вставить в текст знаки цитирования, которые в языках различаются. Для указания языка используется атрибут lang.

Пример 1:

<p> <q lang ="ru"> Лед тронулся, господа, присяжные заседатели!</q> </p>

Пример 2:

< abbr lang="ru" title ="Российская Федерация" > РФ </abbr> <br/>

В окне браузера получится:

РФ

Пример 3:

<acronym title="то есть"> т. е. </acronym> <br/>

В окне браузера получится:

т. е.

Браузер, если распознает аббревиатуры и акронимы, может их расшифровывать, например, при наведении на них курсора мыши.

Шрифты

Помимо задания стилей шрифта имеется элемент <font>, позволяющий задать дополнительно параметры шрифта. Его формат:

<font size =" [+|-] 1|2|3|4|5|6|7" color ="цвет" face="название шрифта"> текст </font>

Параметр size определяет размер шрифта в условных единицах, кроме того, этот размер может быть указан относительно базового размера (знаки + или -). Базовый размер шрифта может быть установлен с помощью элемента <basefont>:

<basefont size="1|2|3|4|5|6|7"> текст</basefont>

Параметр color задает цвет шрифта.

Параметр face определяет гарнитуру, т. е. внешний вид шрифта, например, Times New Roman, Arial и т. п.

Пример:

<font sze="3"color="black" face="Arial cyr"> Направление работы</font>

!!! Элемент <font> задает свойства только того текста, который заключен в его теги. Элемент <basefont> действует на текстовые элементы всего документа.

Списки

Формат списков:

<тип списка>

<li>Первый пункт</li>

<li>Второй пункт</li>

…

</тип списка>

Списки бывают двух типов: нумерованные (упорядоченные) и маркированные (неупорядоченные). Нумерованные задаются элементом <ol>, ненумерованные – элементом <ul>. При этом, если список упорядоченный, то в начало каждой строки в окне вставляется порядковый номер строки.

Пример 1:

<ol>

<li> Первый пункт</li>

<li> Второй пункт</li>

<li> Третий пункт</li>

</ol>

В окне браузера:

1. Первый пункт

2. Второй пункт

3. Третий пункт

Пример 2:

<ul>

<li> Первый пункт</li>

<li> Второй пункт</li>

<li> Третий пункт</li>

</ul>

В окне браузера:

· Первый пункт

· Второй пункт

· Третий пункт

Списки можно включать в другие списки, т.е. делать вложенные списки.

Пример 3:

<ol>

<li> Первый пункт</li>

<li> Второй пункт</li>

<li> Третий пункт </li>

<ul>

<li>Пункт 3.1</li>

<li>Пункт 3.2</li>

</ul>

</ol>

В окне браузера:

1. Первый пункт

2. Второй пункт

3. Третий пункт

o Пункт 3.1

o Пункт 3.2