Горизонтальная линия

Элемент <hr> помещает между абзацами горизонтальную линию. В следующей таблице описаны атрибуты элемента.

Атрибуты <hr>

Атрибут	Описание
size	Устанавливает толщину линии
width	Устанавливает ширину линии
align	Выравнивание: по левому, правому краю или посередине (left, right, center)
noshade	Убирает тень от линии
color	Задает цвет линии

Толщина линии задается в пикселах. Ширина линии может задаваться в пикселах или процентах от ширины страницы. Для отключения тени необходимо задать значение параметру noshade=”noshade”. Цвет может задаваться с помощью именованной константы (названия цвета), в виде комбинации трех шестнадцатеричных чисел или с помощью функции rgb(r, g, b).

Пример:

<hr size ="4" width ="50%" align="center" noshade="noshade" color="rgb(0, 0, 255) "/>

Пояснение

Функция rgb(r,g,b) задает цвет в долях составляющих компонентов цвета: зеленого, красного и синего. Доли составляющих компонентов задаются в интервале (0,255).

Заголовки

Заголовки являются контейнерами. Заголовки ранжируются с 1-го по 6-й уровни и позволяют отражать структуру документа. Заголовки задаются тегами

<h1>…</h1> <h2>…</h2> <h6>…</h6>

Пример:

<h1> Часть 1. История создания фирмы </h1>

<h2> Первые годы существования фирмы </h2>

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

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

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

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

Элемент	Назначение
<b>, </b>	Жирный
<i>, </i>	Курсив
<tt>, <tt>	Моноширинный
<u>, </u>	Подчеркнутый
<big>, </big>	Увеличенный размер
<small>, </small>	Уменьшенный размер
<sub>, </sub>	Нижний индекс
<sup>, </sup>	Верхний индекс
<center>, </center>	Центрирование

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

Элемент	Назначение
<em>, </em>	Выделение
<strong>, </strong>	Усиленное выделение
<cite>, </cite>	Цитата или ссылка на внешний источник
<q>, </q>	Цитируемый текст
<abbr>, </abbr>	Аббревиатура
<acronym>,</acronym>	Акроним
<adress>, </adress>	Контактная информация

Элемент <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. Третий пункт

   • Пункт 3.1

   • Пункт 3.2