Работа в Интернете

• HEAD – данный тег означает заголовок страницы, обычно в заголовке задаются разные параметры, которые не выводятся на экран в теле веб-страницы.

• TITLE – определяет текст, который будет выводиться в заголовке окна браузера, то есть название страницы, данный тег располагается внутри тега HEAD.

• После закрытия тега HEAD сразу же открывается тег BODY – в этот тег заключено тело страницы, то есть то, что пользователь будет видеть в окне браузера.

• H1 – данный тег обозначает заголовок первого уровня, встречаются также теги H2, H3 и т. д. Как видно из рисунка, заголовок отличается от остального текста.

•  – служит для обозначения абзаца основного текста, в такой тег заключается каждый новый абзац.

• I и B – теги для определения начертания шрифтов, означают соответственно курсив и полужирный шрифт.

Как видите, ничего сложного нет. Главное – уяснить, что существуют обязательные теги, которые встречаются на всех веб-страницах, а также то, что теги, как правило, парные, то есть присутствуют открывающий и закрывающий теги. Впрочем, существуют и непарные, то есть такие, где открывающий тег присутствует, а закрывающего нет. Среди таких тегов следует назвать тег BR, означающий перенос строки без начала нового абзаца, а также тег HR, который вставляет горизонтальную линию на страницу.

Сделаем еще некоторые важные замечания. Во-первых, несмотря на то что в рассматриваемом примере все теги написаны прописными (большими) буквами, вполне допустимо их написание и строчными (маленькими) символами. Не нужно только заменять в теге латинские буквы похожими по написанию русскими. Если текст HTML-страницы в этом случае, с точки зрения человека, выглядит одинаково, то браузер такие неправильно написанные теги будет понимать неправильно.

Браузеру неважно положение тега, все отступы и сдвиги нужны только для того, чтобы облегчить человеку понимание и ориентирование в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но если пользователь выделит какие-либо теги определенным образом, то хуже не станет. Все пробелы больше одного браузеры просто «не замечают», то есть сколько бы пробелов в тексте не ставилось, браузер все равно отобразит его с одним пробелом.

Работа со шрифтами

Рассмотрим подробнее, как можно видоизменять отображение шрифта с помощью не только тегов B и I, но и других.

Для определения параметров шрифта, которым будет выводиться текст, служит парный тег FONT. Этот тег имеет дополнительные параметры, с помощью которых можно управлять внешним видом шрифта. Один из таких параметров – SIZE – задает размер шрифта. Создадим еще один файл – 2.htm и впишем в него содержимое листинга 8.2.

Листинг 8.2. Демонстрация шрифтов разных размеров

HTML

HEAD

TITLEШрифты разных размеров/TITLE

/HEAD

BODY

FONT SIZE="1"текст размера 1/FONTBR

FONT SIZE="2"текст размера 2/FONTBR

FONT SIZE="3"текст размера 3/FONTBR

FONT SIZE="4"текст размера 4/FONTBR

FONT SIZE="5"текст размера 5/FONTBR

FONT SIZE="6"текст размера 6/FONTBR

FONT SIZE="7"текст размера 7/FONTBR

/BODY

/HTML

В результате обработки этого HTML-кода браузером получим шрифты размером от 1 до 7, показанные на рис. 8.2. Из приведенного примера также становится ясно, каким образом задаются параметры тега: после его названия пишется параметр, а затем знак =, после которого в кавычках указывается значение этого параметра.

Рис. 8.2. Пример работы параметра SIZE тега FONT

Если нужно задать несколько параметров, то они отделяются друг от друга пробелом. Если первую строку после тега BODY привести к виду FONT SIZE="1" FACE="COMIC SANS MS"текст размера 1/FONT и то же самое сделать с остальными строками вплоть до шрифта с размером 7, то получится страница другого вида (рис. 8.3).

Рис. 8.3. Пример одновременного использования двух параметров – FACE и SIZE тега FONT

В рассмотренном примере использовался шрифт Comic Sans MS, однако на практике при создании веб-страниц чаще всего применяются следующие шрифты: Arial, Courier New, Comic Sans MS, Times New Roman и Verdana. Эти шрифты установлены на абсолютном большинстве компьютеров, поэтому их применение гарантирует, что конечный пользователь будет видеть созданную веб-страничку в том же виде, что и ее автор.

Кроме размера и названия шрифта можно использовать различные эффекты, которые задаются самостоятельными тегами, не относящимися к тегу FONT. В табл. 8.1 приведен список таких тегов.

Таблица 8.1. Теги для задания эффектов, применяемых к шрифту

На рис. 8.4 можно увидеть, как выглядит действие перечисленных в табл. 8.1 тегов.

Рис. 8.4. Эффекты, применяемые к шрифтам, и теги, задающие их