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>
Автор урока — Ollenkka
