В этой главе мы научимся выделять текст при помощи заголовков и узнаем еще одну функцию тега <font></font>.

Итак, мы уже немного умеем форматировать текст, но посмотрите на наш документ. Кажется, что фраза "Здравствуйте, это моя первая страница" так и просится, чтобы ее выделили. Для этого можно использовать заголовки:

<H1> текст </H1>

<H2> текст </H2>

<H3> текст </H3>

<H4> текст </H4>

<H5> текст </H5>
<H6> текст </H6>

Пришлось немного пожертвовать красотой, чтобы сразу наглядно все продемонстрировать. Зато всем видно и то, что существуют шесть уровней заголовков, и то, что соотвественно буковки у каждого разного размера, и то, что тут у нас такая же ситуация как с параграфами (принудительный перенос строки). Да, заметьте, заголовок выделяется жирным текстом, это тоже одно из его свойств, очень удобно:)

В пример введен заголовок третьего уровня <H3></H3>. Смотрите, что получилось.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>Здравствуйте, это моя первая страница.</H3>
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </center>
<p align="justify">
Эта страничка может быть посвящена чему угодно. Но давайте для примера создадим простенькое вступление. Здесь можно рассказать о себе, написать об увлечениях, разместить фотографии и многое другое.
</p>
</body>
</html> (прим.)



Заголовки предназначены для выделения небольшой части текста (строки, фразы), НО, если вы хотите выделить большой фрагмент текста, или только одно слово, при этом без переноса строки, то как быть? С заголовками такое не пройдет, поэтому вспомним о теге <font></font>:
<font size="+4"> текст </font>
<font size="+3"> текст </font>
<font size="+2"> текст </font>
<font size="+1"> текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2"> текст </font>

Параметр size задает размер шрифта, но, в отличие от заголовков, текст не выделятеся жирным шрифтом (о курсиве, жирном шрифте и т.п поговорим позже) и нет принудительного переноса.

<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
<H3>Здравствуйте, это моя первая страница.</H3>
<br>
<font color="#CC0000"> Добро пожаловать!</font> :) </center>
<p align="justify">
Эта страничка может быть посвящена чему угодно. Но давайте для примера создадим простенькое вступление. Здесь можно рассказать о себе, написать об увлечениях, разместить фотографии <font size="+1">и многое другое.</font>
</p>
</body>
</html> (прим.)


В нашем примере выделино слова "и многое другое".

Cтандартный size (по умолчанию) ="+0".


<< BACK | NEXT >>