Оформление текста

Оформление текста применяется для акцентирования внимания пользователя на наиболее важных моментах текста. Для этого используются следующие теги:

<B></B> - полужирный шрифт;

<I></I> - курсив;

<U></U> - подчеркивание;

<S></S> - перечеркнутый текст.

Эти теги не имеют параметров. Они дают команду браузеру отобразить заключенный между ними текст курсивом или полужирным или т.д.

Задание для самостоятельной работы:

Написать HTML-код, который при просмотре дает следующее:

Тег <FONT> позволяет устанавливать параметры текста, такие как тип, размер и цвет шрифта.

С помощью параметра FACE можно установить тип (гарнитуру) шрифта. Надо просто указать его имя: <FONT FACE="ARIAL" > текст </FONT>.

С помощью параметра SIZE задают размер шрифта. Значение размера могут быть от 1 (самый маленький) до 7 (самый большой). <FONT SIZE=5> Текст размер 5 </FONT>.

С помощью параметра COLOR можно установить нужный цвет шрифта.

<FONT COLOR=#808000> Текст … цвета </FONT>.

Рассмотрим пример:

В текстовом редакторе введем следующий HTML-документ.

<HTML>

<HEAD>

<TITLE> РАДУГА </TITLE>

</HEAD>

<BODY>

<H1>

<FONT COLOR=RED>Р

<FONT COLOR=BLUE>А

<FONT COLOR=#FFA000>Д

<FONT COLOR=#00D000>У

<FONT COLOR=#800080>Г

<FONT COLOR=YELLOW>А

</FONT>

</H1></BODY>

</HTML>

Интересный способ привлечения внимания к короткому, но емкому сообщению состоит в использовании бегущей строки. Бегущая строка – это анимационный эффект, при котором строка текста перемещается на странице один раз, несколько раз, или постоянно. Для создания бегущей строки используется тег <MARQUEE> </MARQUEE>. Атрибуты этого тега контролируют параметры перемещения текста.

BEHAVIOR — способ выполнения эффекта бегущей строки:

•scroll — текст исчезает за краем Web-страницы:

•slide — после выполнения заданного числа циклов, текст остается у левого или правого поля Web-страницы;

•alternate — направление перемещения текста в строке меняется на противоположное после выполнения каждого цикла. По завершении последнего цикла текст остается у края страницы (Колебательные движения налево и направо).

BGCOLOR — цвет фона бегущей строки .

DIRECTION — направление перемещения текста;

•left — влево;

•right — вправо.

HEIGHT — высота бегущей строки.

HSPACE — отступ в пикселях текста бегущей строки от левого и правого полей Web-страницы.

LOOP — число показов текста в строке:

•? — целочисленное значение, указывающее число повто­ров;

•infinite — бесконечное повторение эффекта по циклу. -

SCROLLAMOUNT — смещение текста в пикселях за один шаг.

SCROLLDELAY — временной промежуток между смешениями в мил­лисекундах, по умолчанию 60 мс. Используйте этот атрибут, чтобы замедлить перемещение текста в строке, так как значения менее 60 мс будут игнорироваться обозревателем. Чтобы ускорить перемещение текста, переустановите минимальное значение смещения текста в атрибуте TRUESPEED.

VSPACE – отступ в пикселях по вертикали от текста до рамки бегущей строки.

TRUESPEED – минимальное значение смещения текста, по умолчанию 60 мс.

WIDTH – ширина бегущей строки в пикселях.

Текст бегущей строки можно размечать также, как обычный текст Web-страницы.

Рассмотрим пример:

<HTML>

<HEAD>

<TITLE> Бегущая строка </TITLE>

</HEAD>

<BODY>

<MARQUEE BGCOLOR=YELLOW>

<h1><I><B>Минздрав предупреждает:

<FONT COLOR=RED> Курение опасно для Вашего здоровья!</font></B></I></h1>

</MARQUEE>

</BODY>

</HTML>

Просмотрите документ в браузере.

Самостоятельно установите различные параметры данного тега и сделайте выводы, что происходит с бегущей строкой.

<MARQUEE BEHAVIOR=ALTERNATE DIRECTION="right">Здесь ваш текст</MARQUEE>

СПИСКИ

Список – это один из наиболее распространенных способов упорядочивания текстовых данных Web-страниц.

Кроме очевидного удобства – нумерации данных, с помощью списков можно внести некоторое разнообразие в монотонные абзацы емких Web-страниц.

В HTML предусмотрено 3 типа списков:

• маркированный (неупорядоченный) список;

• нумерованный (упорядоченный) список;

• список определений.