Лабораторная работа 6.2. Форматирование текста
Оценка 4.7

Лабораторная работа 6.2. Форматирование текста

Оценка 4.7
doc
13.05.2020
Лабораторная работа 6.2. Форматирование текста
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 катеты прямоугольного треугольника.

 

Расположите формулу по центру отдельной строки, покрасив ее в красный цвет; используйте разные шрифты в тексте.

 


Лабораторная работа 6.2. Форматирование текста

Лабораторная работа 6.2. Форматирование текста

BODY > </ HTML > Обратите внимание, что в тексте, размеченном одним тегом, могут находиться другие теги

BODY > </ HTML > Обратите внимание, что в тексте, размеченном одним тегом, могут находиться другие теги
Скачать файл