Теги форматирования текста
В языке HTML имеется группа парных тегов <H1>, <H2>. . . <H6>, с помощью которых задается размер символов текста. Тегу <H1> соответствует наиболее крупный размер, тег <H2> определяет размер символов поменьше и т.д. Для форматирования заголовков обычно выбирают теги <H1> или <H2>. Иногда с тегом заголовка используется атрибут ALIGN, позволяющий выравнивать текст заголовка.
Атрибут ALIGN может принимать следующие значения:
“left” для выравнивания по левому краю;
“right” для выравнивания по правому краю;
“justify“ для выравнивания по ширине;
“center” для выравнивания по центру.
Если атрибут ALIGN не используется, то текст выравнивается по левому краю. Кроме того, заголовки можно оформить полужирным шрифтом, тогда его следует поместить между тегами <B> и </B>, а чтобы выделить заголовок курсивом нужно использовать теги <I> и </I>.
Пример 2.2.
Теперь можно улучшить вид страницы, изброженной на рис. 2.1, добавив в текст HTML-документа некоторые из рассмотренных тегов.
<HTML>
<HEAD>
<H2 ALIGN="center"><I>Фирма “Гепард”</I></H2>
<TITLE>
ООО “Гепард”
</TITLE >
</HEAD>
</HTML>
После обработки обозревателем обновленного текста HTML-документа, страница примет вид, показанный на рис. 2.2.
Рис. 2.2. Отформатированный заголовок главной страницы
Обычно в текстовых редакторах, используемых для подготовки HTML-документа, для организации нового абзаца используется клавиша ENTER, с помощью которой в текст вставляются невидимые управляющие символы. Обозреватель эти управляющие символы игнорирует. Например, если в HTML-документе записать следующий текст:
Раз,
Два,
Три,
То в окне обозревателя он отобразится следующим образом:
Раз,Два,Три,.
Для разделения абзацев используются парный тег <P>, а также одиночный тег <BR>, который ставится в конце абзаца. С тегом <P> обычно используются атрибуты, в том числе и уже рассмотренный выше атрибут ALIGN.
Кроме рассмотренных разделителей текста, существуют и другие. Например, очень полезным является парный тег <DIV>. Обычно его используют для обрамления некоторого фрагмента текста с целью наделения этого фрагмента некоторыми определенными стилевыми свойствами.
К группе разделителей можно причислить и одиночный тег <HR>, который позволяет прочертить горизонтальную линию в окне обозревателя. Этот тег используется с атрибутами. Например, тег
<HR WIDTH=”80%”>
выводит в окно обозревателя горизонтальную линию, которая займет 80% от полной ширины окна.
Тег <FONT> является парным и служит для задания атрибутов шрифта текста. Например, для задания гарнитуры шрифта используется атрибут FACE, а атрибут SIZE используется для задания размера шрифта в условных единицах от 1 до 7. По умолчанию применяется размер равный 3.
Инструкция языка HTML для вывода текста с использованием шрифта “Arial” и размером шрифта равным 5 будет выглядеть следующим образом:
<FONT FACE=Arial SIZE=5> какой-то текст </FONT>
Задание 2.1
Создать на компьютере (в указанном преподавателем разделе памяти) свой каталог, присвоив ему имя в соответствии с именем вашей группы.
В каталоге с помощью текстового редактора «Блокнот», создать текстовый файл, присвоив ему имя main.hlml.
Оформить содержимое файла по аналогии с Примером 2.2., ориентируясь на выбранную предметную область. Ввести краткую информацию о вашей фирме. В качестве разделителя использовать горизонтальную черту.
Отформатировать текст разным шрифтом и различным размером шрифта. Использовать шрифты: TIMES NEW ROMAN, ARIAL, COURIER NEW, SYMBOL.