Структура Html-документа или с чего начинается каждая страничка

Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот).

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню (для IE): вид> просмотр HTML-кода, после чего и откроется html-код выбранной странички в блокноте (но может открыться в другом редакторе. Все зависит от настроек браузера).

Рассмотрим структуру html-документа...

Самая первая строчка html-документа:
<! DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Лучше всего указывать метод strict, иначе под IE появятся разные виды глюков. Самый расспространенный — неверная интерпретация IE margin'ов и padding'ов: он их суммирует сверху к общей длине блока. Новичкам советую пока не заморачиваться по этому поводу)

Весь html-документ заключается в теги:

<html>....</html>

Добавляем голову html-документа — head:

<html>
<head>....</head></html>

В голову пишем заголовок нашего сайта в тегах title:

<html>
<head>
<title>Заголовок.....</title>
</head>
</html>

Затем добавляем мета-тег кодировки нашей странички (если пропустить этот важный момент, на вашем сайте возможно нежелательное появление иероглифов и других неопознанных объектов :) )

<html>
<head>
<title>Заголовок.....</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
</head>
</html>

На самом деле существует еще множество интересных мета-тегов, но об этом позже)

Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт: картинки, таблички, тексты...) — body:

<html>
<head>
<title>Заголовок.....</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
</head><body>.......</body>
</html>