Выделение текста горизонтальной линией

 

При оформлении Web-страниц часто используется такой прием, как разделение параграфов текста горизонтальной линией.

Для того, чтобы вставить в HTML-документ горизонтальную разделительную линию необходимо использовать тэг <HR>. Он имеет несколько параметров, которые задают внешний вид линии:

ALIGN - определяет выравнивание линии и имеет такие значения:

left - по левому краю;

right - по правому краю;

center - по центру (задан по умалчанию).

COLOR - задает цвет линии.

NOCHADE - если указан этот параметр, линия изображается без тени.

SIZE - высота линии в пикселях.

WIDTH - ширина линии, может выражаться либо в пикселях, либо в процентах (%) от величины окна браузера.

 

В примере №3 приведен HTML-документ, осуществляющий физическое и логическое форматирование символов на Web-странице, разделенных горизонтальной линией:

 

Пример 3

<HTML>

<HEAD>

<TITLE> Физическое и логическое форматирование символов

</TITLE>

</HEAD>

<BODY TEXT=000070>

<CENTER>

<FONT SIZE=6>

<P><B> Полужирный шрифт </B>

<P><STRIKE> Перечеркнутый шрифт </STRIKE>

<P><TT> Шрифт с фиксированной шириной символов

</TT>

<P> Формула воды: H <SUB> 2 </SUB> O

<HR COLOR=EEEE00 SIZE=5 WIDTH=80%>

<P><CITE> Цитата: "Среди вещей величайшим есть ничто" </CITE>

<P><FONT COLOR=FF00FF>

<ACRONYM TITLE="Микропроцессоры "> МП

</ACRONYM>

фирмы Intel подтвердили эффективность технологии

<ACRONYM TITLE="HyperThreading"> HT

</ACRONYM>

</CENTER>

</BODY>

</HTML>

 

Тема: Форматирование текста на Web-странице средствами CSS

1 Формат CSS

1.1 Свойства задания полей документа

1.2 Свойства текста

1.2.1 Свойство text-align

1.2.2 Свойство text-indent

1.2.3 Свойство text-decoration

1.2.4 Свойство word-spacing

1.2.5 Свойство letter-spacing

1.2.6 Свойство writing-mode

1.3 Свойство задания цвета

1.4 Свойства задания параметров шрифтов

1.4.1 Свойство font-style

1.4.2 Свойство font-weight

1.4.3 Свойство font-variant

1.4.4 Свойство font-size

1.4.5 Свойство font-family

1.5 Свойство вертикального выравнивания

2 Способы задания CSS в HTML-документе

2.1 Внешнее задание CSS

2.2 Внутренее задание CSS

2.3 Встроеное задание CSS