Поделиться
191. Лабораторная работа 6.2. Форматирование текста.doc
Лабораторная работа 6.2. Форматирование текста
Для форматирования текста в HTML предусмотрены стандартные стили для заголовков разных уровней, средства задания шрифтов, цвета символов и фона, центрирования абзацев – практически все возможности форматирования, предоставляемые Word-редакторами.
Заголовки оформляются обычно с помощью парных тегов <H1>, <H2>,…<H6>. Эти теги образуют иерархию, в которой <H1> представляет самый верхний уровень, <H6> – самый нижний. Размер и жирность шрифта уменьшаются по мере перехода с верхнего уровня на нижние. Для любого фрагмента текста можно задать формат шрифтов с помощью тега <FONT> с атрибутами, задающими гарнитуру (FACE), цвет (COLOR), размер (SIZE). Кроме того, существуют специальные теги для задания полужирного шрифта: <B>, курсива: <I>, подчеркнутого: <U>, вычеркнутого: <S>. Для центрирования фрагмента текста по ширине окна применяется тег <CENTER>. Все эти теги – парные.
Для принудительного перехода на новую строку используется тег <BR>. Абзац можно начать тегом <P>, который переводит курсор на новую строку и еще одну строку пропускает. Эти два тега – непарные.
Для написания математических формул полезны теги, оформляющие текст как верхние (<SUP>) или нижние (<SUB>) индексы.
1 Откройте Блокнот, введите следующий текст страницы, сохраните как myformat.htm и запустите, открыв его в окне обозревателя.
<HTML> <HEAD> <TITLE> Форматирование текста </TITLE> </HEAD>
<BODY>
<H1> Пробуем Заголовок 1-го уровня </H1>
<H2> Пробуем заголовок 2-го уровня </H3>
<CENTER> <H3> Пробуем заголовок 3-го уровня с центрированием </H3>
</CENTER>
<P> Попробуем физические стили: <BR>
<B> Полужирный шрифт </B>
<I> Курсив – шрифт с наклоном </I>
<U> Подчеркнутые слова </U>
<H4> Пробуем тег FONT форматирования шрифтов: </H4>
<FONT FACE= “ARIAL” SIZE=4 COLOR=”RED”> Это красный Arial
размером 4 </FONT>
<FONT FACE= “IMPACT” SIZE=4 COLOR=”BLUE”>Это синий Impact,
размер тоже 4
</FONT>
<H4> Пробуем индексы:
<P> (5+x<SUP>2</SUP>)<SUP>x+3 </SUP>
<P> a <SUB>1</SUB> + a<SUB>2</SUB> + a<SUB>3</SUB>
</H4>
<P> <FONT COLOR=”NAVY” SIZE=6> Пробуем </FONT> <FONT COLOR=
“GREEN”>
<B> все </B> </FONT> <FONT COLOR=”PINK”> <I><B>ПОДРЯД
</B></I></FONT>
</BODY> </HTML>
Обратите внимание, что в тексте, размеченном одним тегом, могут находиться другие теги. Это позволяет более точно и гибко изменять формат отдельных фрагментов.
2 Создайте текстовый документ вида:
Теорема Пифагора гласит: c2 = a2 + b2, где c – гипотенуза, a и b катеты прямоугольного треугольника.
Расположите формулу по центру отдельной строки, покрасив ее в красный цвет; используйте разные шрифты в тексте.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
