Шаг 2. Форматируем текст

Обратите внимание, что атрибуты, указанные в теге < body> распространяют свое действие на весь документ, т.е. весь введенный вами текст будет теперь сиреневого цвета, что не очень удобно. Поэтому лучше убрать атрибут text из тега< body>, тогда цвет текста будет установлен по умолчанию, т.е. черный. А задавать цвет различных частей текста лучше в самом тексте.

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

< html>

< head>

< title> Моя первая страница < /title>

< /head>

< body bgcolor=" #CCCCFF" >

< h1>

< font color=" red" >

Это заголовок первого уровня

< /font>

< /h1>

Это простой текст.

< b> Этот выделен полужирным начертанием.< /b>

< br>

< i> А этот курсивом.< /i>

< h2>

< font color=" red" >

Это заголовок второго уровня

< /font>

< /h2>

< font color=" #996666" size=" 5" face=" Arial" >

Это текст Arial, размер шрифта - 5

< /font>

< h3>

< font color=" red" >

Это заголовок третьего уровня

< /font>

< /h3>

< font color=" green" size=" 2" face=" Verdana" >

Этот текст Verdana, размер шрифта - 2

< /font>

< /body>

< /html>

Обновите html-страницу (Ctrl+F5) и посмотрите на результат.

Разберем кодробнее:

1) Теги < h1> < /h1>, < h2> < /h2> и т.д. называются заголовками. HTML поддерживает 6 уровней заголовков от h1 до h6. h1 - самый главный и крупный, далее по убыванию значения и шрифта до h6 - самого маленького и по значению, и по размеру шрифта.

2) Теги < font> < /font> управляют шрифтом. Для этого используются атрибуты:

3) - color - задает цвет текста,

4) - size - задает размер шрифта (по умолчанию равен 3),

5) - face - задает гарнитуру шрифта. В принципе, вы можете указывать здесь любой понравившийся вам шрифт, но учтите, что на компьютере пользователя такого шрифта может и не оказаться. Поэтому рекомендуется использовать стандартные: Times New Roman, Arial, Verdana и Tahoma.

Теги < b> < /b> делают текст жирным.

1) Теги < i> < /i> отображают текст курсивом.

2) Тег < br> начинает текст с новой строки. Обратите внимание, этот тег одиночный, т.е. не имеет закрывающего тега.

Использовать эти теги с их атрибутами вы можете в любом месте текста, выделяя, как предложения, так и отдельные слова, и даже буквы.

Главное помнить два правила:

1) Если есть открывающий тег, то должен быть и закрывающий.

2) Соблюдайте порядок вложенности тегов. Тег, который открыт первым, должен быть закрыт последним. Например,

< font> < u> < i> Так неправильно! < /font> < /u> < /i>

< font> < u> < i> Так правильно< /i> < /u> < /font>

На этом второй урок закончен. Вы научились работать с текстом. На следующем уроке вы научитесь украшать html-страничку картинками и располагать элементы на странице.