Заголовок страницы
Название страницы располагается между тегами <title> и </title>. Название отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
Пример 1. Web-страница с заголовком.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Web-страница</title>
</head>
<body>
Показан пример web-страницы с заголовком
</body>
</html>
Внешний вид страницы показан на рис. 2.
Рис.2. Пример простой web-страницы с заголовком
Пример 2. web-страница с использованием только текста.
Например, воспользуйтесь программой Блокнот (Пуск > Программы > Стандартные > Блокнот) и напишите:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<BODY>
Домашняя страница Сергея Сергеева
Сергей Сергеев - писатель-юморист, автор 20 рассказов.
В жизни большой любитель собак и компьютерных игр.
</BODY>
</HTML>
Файл сохранить как w1.html.
Тег <HTML> , который вы видите в первой строке, означает, что наш текст действительно написан на языке HTML. Большинство тегов языка HTML — парные. Они обязательно требует присутствия закрывающего тега. Например, в этом примере в первой строке стоит открывающий тег <HTML>, а в последней — закрывающий тег </HTML>. Все, что расположено между ними, считается HTML-документом.
Если запустить Internet Explorer и открыть файл w1.html, то web- страница будет иметь вид (рис.3)
Рис.3. Просмотр текстовой web-страницы
Пример 3. Создайте текстовый документ: <html>
<head>
<title>
Лабораторная работа 1. Пример 3.
</title>
</head>
<body>
<H1>
Привет!
</H1>
<P>
Это простейший пример HTML-документа.
</P>
<P>
Этот html-файл может быть одновременно открыт и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте, просто нажмите кнопку Reload ('перезагрузить') в Explorer'е, чтобы увидеть эти изменения.
</P>
</body>
</html>
Web-страница имеет вид (Рис. 4)
Рис.4.
Для удобства чтения в примере введены дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах. Поэтому пример 4 мог бы выглядеть вот так:
<html>
<head>
<title>Лабораторная 2. Пример 4.</title>
</head>
<body>
<H1>Привет!</H1>
<P>Это простейший пример HTML-документа.</P>
<P>Этот html-файл может быть одновременно открыт
и в блокноте, и в Internet Explorer'е. Сохранив изменения в блокноте,
просто нажмите кнопку Reload ('перезагрузить') в Explorer'е,
чтобы увидеть эти изменения.</P>
</body>
</html>Заданная web-страница показана на рис. 5.
Рис. 5.
Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html>) называется меткой (по-английски — tag, читается "тег").
Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/".
Метки можно вводить как большими, так и маленькими буквами. Например, метки <body>, <BODY> и <Body> будут восприняты браузером одинаково.
Многие метки, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. Более подробно метки и их атрибуты рассмотрим в ходе выполнения лабораторной работы.