Форматирование текста. В окне браузера текст хорошо воспринимается, если он сконструирован

В окне браузера текст хорошо воспринимается, если он сконструирован, т.е. он разбит на смысловые части, и если в нем применяется единый способ оформления элементов одного типа. Для этого в HTML имеются теги форматирования:

<B> </B> - выделение текста полужирным шрифтом.

<CITE></CITE> - элемент для формирования цитат. По умолчанию, текст расположенный внутри данного тега печатается курсивом.

<I> </I> - наклонное начертание текста.

<BIG> </BIG> - начертание текста увеличенным шрифтом, по сравнению с тем, который используется в данный момент.

<SMALL> </SMALL> - начертание текста уменьшенным шрифтом, по сравнению с тем, который используется в данный момент.

<STRIKE> </STRIKE> - зачеркнутый текст.

<SUB> </SUB> - нижний индекс.

<SUP> </SUP> - верхний индекс.

<U> </U> - подчеркнутый текст. Пробелы между словами тоже подчеркиваются.

<CENTER> </CENTER> - выравнивание текста по центру.

<BR> - принудительный переход на новую строку. Имеет только начальный тег. Данный тег имеет один атрибут CLEAR, который позволяет выравнивать объекты относительно текста, в котором использован элемент <BR>.

<FONT> </FONT> - определяет тип, размер и цвет шрифта. Все эти характеристики определяются при помощи следующих атрибутов:

SIZE - задает размер шрифта и принимает числовое значение.

Пример задания размера шрифта:

Текст HTML-программы	Комментарий
…	Часть программного кода
<FONT SIZE=5>	Задание размера шрифта равного 5 тексту Привет!
Привет!
</FONT>	Закрытие тега FONT
<FONT SIZE=2>	Задание размера шрифта равного 2 тексту
Это моя домашняя страничка.
</FONT>	Закрытие тега FONT
…

COLOR – атрибут цвета.

Соответствие имен цветов и их шестнадцатеричных представлений приведены в таблице 2.

Таблица 1.2. Соответствие имен цветов и
их шестнадцатеричных представлений

Цвет	Имя цвета	Шестнадцатеричное представление
Черный	black	#000000
Серебряный	silver	#C0C0C0
Серый	gray	#808080
Синий	blue	#0000FF
Темно-синий	navy	#000080
Голубой	aqua	#00FFFF
Петроль	teal	#008080
Коричневый	maroon	#800000
Красный	red	#FF0000
Темно-сиреневый	purple	#800080
Сиреневый	fuchsia	#FF00FF
Зеленый	green	#008000
Светло-зеленый	lime	#00FF00
Оливковый	olive	#808000
Желтый	yellow	# FFFF00
Белый	white	# FFFFFF

FACE – позволяет задавать определенный шрифт или несколько шрифтов (через запятую).

Пример задания определенного шрифта:

Текст HTML-программы	Комментарий
…
<FONT FACE="Arial">	Задание шрифта Arial тексту Привет!
Привет!
</FONT>
<FONT FACE="Times New Roman, Arial, Courier New">	Задание нескольких шрифтов тексту
Это моя домашняя страница
</FONT>
…

<BASEFONT> </BASEFONT> - определяет базовый (основной для всей страницы) размер шрифта. Имеет такие же атрибуты как и тег <FONT>.

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

<PLAINTEXT> </PLAINTEXT> - вывод на экран HTML-тегов как обычного текста.

Чтобы вывести на экран HTML-код как обычный текст не обязательно использовать тег <PLAINTEXT>, достаточно после угловой скобки вставить пробел.

<BLOCKQUOTE> </BLOCKQUOTE> - предназначен для выделения фрагмента текста пустыми строками сверху и снизу, а также отступом от левого края окна браузера.

<H1> </H1>, <H2> </H2>, <H3> </H3>, <H4> </H4>, <H5> </H5> и
<H6> </H6> - обозначают заголовки и предназначены для выделения заголовков и подзаголовков. Текст, заключенный в тег заголовка, всегда начинается с новой строки. Текст, следующий за заголовком, также начинается с новой строки.

<P> </P> - предназначен для выделения абзацев текста. Перед абзацем и после вставляется пустая строка. Закрывающий тег </P> используется редко, т.к. браузер считает, что начало следующего абзаца означает конец предыдущего.

ALIGN - атрибут тега <P> предназначен для выравнивания текста внутри абзаца. Допустимые значения параметра ALIGN - LEFT (выравнивание текста по левому краю), RIGHT (выравнивание по правому краю), CENTER (выравнивание по центру) и JUSTIFY (выравнивание текста по ширине).

<PRE> </PRE> - используется для обозначения текста, отформатированного заранее.

<MARQUEE> </MARQUEE> - позволяет создать бегущую строку, т.е. эффект прокручивания текста в заданном поле. В качестве прокручиваемого объекта в тег <MARQUEE> можно вставлять не только текстовые элементы, но и графические изображения.

Пример создания бегущей строки (рис.1.2):

Текст HTML-программы	Комментарий
<html>
<head> <title> Бегущая строка </title> </head>
<marquee	Тег создания бегущей строки
height=50	Высота бегущей строки равная 50 пикселей
width=75%	Ширина поля бегущей строки равная 75% от ширины окна
hspace=5	Интервал по горизонтали равный 5 пикселам между текстом строки и краями ее поля
vspace=5	Интервал по вертикали равный 5 пикселам между текстом строки и краями ее поля
align=top	Расположение текста бегущей строки в верхней части ее поля
bgcolor=yellow	Цвет поля бегущей строки (в данном случае – желтый)
direction=left	Направление движения (в данном случае – справа налево)
loop=infinity	Бесконечное число повторений текста бегущей строки
behavior=scroll	Движение текста строки: появляется у одного края и скрывается за другим
scrollamount=5	«Прыжок» текста за один такт равный 5 пикселам
scrolldelay=100>	Величина паузы между тактами перемещения равная 100 миллисекундам
<h1>	Заголовок 1-го уровня
Это сообщение будет прокручиваться на экране справа налево
</h1>	Конец заголовка 1-го уровня
</marquee>	Конец бегущей строки
</html>

Рис.1.2. Бегущая текстовая строка

Дата добавления: 2015-10-02