Предварительные действия

• Откройте простой текстовый редактор (мы будем работать с Блокнотом Windows)
  
• Скачайте и установите современный браузер (Mozilla Firefox 3 или Opera 10)
  
• Выполните следующие действия: Рабочий стол -> Компьютер -> Сервис -> Свойства папки... -> Вид -> Деактивировать опцию "Скрывать разрешения для зарегистрированных типов файлов"
  
• Создайте текстовый файл, измените расширение .txt на .htm
  
• Теперь начнем работать с ним. После сохраняем и открываем его в установленном браузере. Т.е. текстовый редактор показывает исходный код, а браузер - результат.

Правила игры

• Язык построен на закрывающих и открывающих элементах вида <b>жирный текст</b>. где <b> - открывающий элемент, а </b> - закрывающий (как правило, он имеет косую черту и следует после открывающего).
  
• Можно писать как <B>, так и <b> (так есть обычными и заглавными буквами - без разницы).
  
• Элементы могут быть вложены друг в друга: <b><i><u>жирный подчеркнутый курсивный текст</u></i> <tt>моноширинный жирный текст</tt></b>.
  
• ЗАПРЕЩАЕТСЯ вкладывать элементы вот так <b><u><i>жирный подчеркнутый курсивный текст</u></i> <tt>моноширинный жирный текст</tt></b>, они должны последовательно открываться и закрываться!
  

Следует заметить, что некоторые элементы не должны закрываться, т.к. обозначают перенос строки, горизонтальную черту и т.д. - ОНИ НЕ ИМЕЮТ КОНТЕНТА В СЕБЕ.
Пример:

Каркас документа

Все html-документы имеют сходный каркас вида

html - объявляет начало (и соответственно, закрывающий тег - конец) документа.
head - содержит информацию для поисковых систем и браузера
title - заголовок страницы. Должен находиться в head.
body - основная часть страницы. Здесь код дизайна, контента и т.д.
<!-- код --> - комментарий для браузера, показывающийся только в исходном коде

С форматированием текста, версткой дизайна и многим другим мы ознакомимся в следующих статьях.

Автор: NikS
Источник: 3aka4ka.Net.Ru