Знакомство с языком html
Создаем страницу HTML
Страницы HTML представляют собой обычные текстовые файлы, поэтому на первом этапе будет достаточно простейшего текстового редактора, например Microsoft Notepad. В дальнейшем можно будет использовать более сложные редакторы — Microsoft FrontPage, Macromedia Dreamweaver, PHPEdit.
Запустим программу Notepad и наберем следующий текст:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Моя первая страница HTML</TITLE>
</HEAD>
<B0DY>
<р>Добро пожаловать в мир серверов Web!</p>
</B0DY>
</HTML>
Сохраним этот текст в файле с именем first.htm. Вместо Notepad’а можно использовать любой текстовый редактор, способный сохранять текстовые файлы без стилевого и шрифтового оформления.
Теперь можно открыть папку, в которую сохранили файл first.htm, и дважды щелкнуть левой кнопкой мыши значок файла — автоматически запустится браузер, в окне которого отобразится содержимое документа.
На рисунке 7.2 показано, как выглядит документ first.htm в окне браузера.
Рисунок 7.2 — Вид first.html в окне браузера
Структура документа html
Любой документ
HTML представляет собой текстовый файл
и содержит элементы, называемые тегами,
которые могут занимать одну или несколько
строк. Теги легко отличить от остальных
элементов: они 
ограничены
угловыми скобками (<>). Большинство
тегов используются попарно — открывающий
и закрывающий.
Например, тег <!DOCTYPE> занимает одну строку и описывает тип документа HTML версии 3.2. Открывающему тегу <HTML> соответствует закрывающий тег </HTML>, причем между ними могут быть расположены другие теги.
Название тегов в языке HTML разрешено записывать как строчными, так и прописными буквами — браузеру все равно.
Рассмотрим теги, использованные в простейшем примере более подробно.
Документ HTML версии 3.2 начинается с тега <!DOCTYPE> следующего вида:
<!D0CTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
Здесь W3C — название организации, разработавшей стандарт HTML. Сокращение DTD (Document Type Definition) определяет тип документа. В примере приведены параметры тега <!DOCTYPE> для языка HTML версии 3.2.
Внутри угловых скобок определены атрибуты тега в виде строки HTML PUBLIC "-//W3C//DTD HTML 3.2//EN". Атрибуты этого тега для более ранних версий определены в соответствующих стандартах, доступных через Интернет, и в настоящее время могут заинтересовать только с исторической стороны.
Необходимо заметить, что тег <!DOCTYPE> иногда отсутствует в документах HTML и такие документы нормально отображаются в окне браузера. Однако тег <!DOCTYPE> оказывается полезен браузеру при отображении страницы, так как он позволяет определить версию языка HTML, использованную при ее подготовке.
Вслед за оператором пролога следует тело документа HTML, ограниченное операторами <HTML> и </HTML>, как это показано ниже:
<!D0CTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>... (документ HTML) </HTML>
Документ HTML состоит из двух основных частей — заголовка документа и тела документа.
Заголовок документа
Каждый документ HTML имеет заголовок, который выделяется тегами <HEAD> и </HEAD>. Он описывает документ в целом и может содержать другие теги.
Тело документа занимает одну или несколько (возможно, достаточно много) строк. Оно выделяется тегами <BODY> и </BODY>.
Более подробная структура документа HTML представлена ниже:
<!D0CTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
…(заголовок документа)
</HEAD>
<B0DY>
…(тело документа)
</B0DY>
</HTML>
Структура довольно проста. Рассмотрим теги заголовка документа HTML.
Тег <TITLE>
В названии каждого документа HTML обязательно используются открывающий и закрывающий теги <TITLE> и </TITLE>. Название документа, помещенное между этими тегами, будет отображаться в строке заголовка окна браузера.
К Интернету подключены компьютеры с самыми разными операционными системами. Она расположены в разных странах и «разговаривают» на разных языках. Чтобы браузер сумел правильно отобразить страницу, ему нужно указать национальный язык и набор символов, которые следует использовать для отображения документа.
Часто на узле Web хранятся несколько наборов страниц, содержащих одну и ту же информацию, но с разными наборами символов. Существуют также методы автоматического изменения набора символов по запросу пользователя, исключающие необходимость дублирования информации, но они требуют наличия соответствующего программного обеспечения на сервере Web.
Воспользовавшись атрибутами HTTP-EQUIV, CONTENT и CHARSET языка HTML, можно сообщить браузеру информацию, имеющую отношение к национальному языку и кодировке символов.
Если документ подготовлен на русском языке в кодировке, применяемой операционной системой Windows, используйте, например, тег следующего вида:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
Здесь атрибут HTTP-EQUIV указывает, что данный тег содержит определение содержимого документа (строка http-equiv="Content-Туре"). Анализируя значение атрибута CONTENT, браузер определит, что ему передается текстовый документ HTML (строка content="text/html"). И, наконец, атрибут CHARSET задает кодировку символов как «windows-1251».
Во второй строке указано, что документ HTML составлен на русском языке. Для этого в атрибуте HTTP-EQUIV задана строка «Content-Language» (национальный язык, на котором подготовлено содержимое документа), а в атрибуте CONTENT — аббревиатура русского языка «ru».
Если документ HTML предназначен для просмотра в среде операционной системе UNIX, LINUX или подобной, при подготовке этого документа необходимо использовать кодировку КОИ-8. Заголовок при этом должен содержать тег <МЕТА> следующего вида:
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r">
<meta http-equiv="Content-Language" content="ru">
Для американского английского языка указывают аббревиатуру «en-us» и кодовую страницу — «windows-1252»
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
Ключевые слова для поиска документов HTML
Все из вас знают, что существуют такие поисковые системы, как AltaVista, Яндекс, Google и т.п.
В каждой поисковой системе предусмотрены страницы поиска, где посетитель может указать тот или иной набор ключевых слов (а также связывающие их логические операторы). Пользуясь этим набором ключевых слов, поисковая система выведет в окно браузера подборку ссылок на найденные ресурсы.
Успех поиска во многом зависит от умения посетителя задавать нужные ключевые слова и связывающие их логические операторы. Но есть и еще одна составляющая успеха — умение разработчика узла Web регистрировать свои серверы в поисковых системах, а также правильно выбирать ключевые слова, применяемые при такой регистрации.