На счёт того, с чего начинать есть несколько основных мнений:
- Обзавестись программой-генератором HTML кода.
- Купить или скачать учебник по HTML и его редактор.
- Генератор HTML кода для обучения и создания шаблонов, а редактор HTML для коррекции и создания основного материала и дизайна.
Но самое главное - иметь желание и цель.
Я не собираюсь никому ничего навязывать — выбор за вами, хотя и считаю, что необходимо иметь и то, и другое. Начинать лучше с программы-генератора (желательно не Front Page, т.к. он добавляет много мусора и использует длинные теги (команды HTML)), такого, как Dreamweawer. Но ни в коем случае не используйте «студии-генераторы», которые берут полный контроль над вашим сайтом, навязывая и вставляя во все дыры свои шаблоны, лишая вас творчества и возможности чему-то научиться. Хотя они имеют просто потрясающий интерфейс и напичканы всяческими мастерами до отказа, но ваш сайт вы в них не создадите, а будете ограничены набором шаблонов программы, а размер ненужного кода возрастёт на порядок. Примером такой студии является «NetObjects Fusion MX».
Вообще такие редакторы выбираются один раз: привычка — великая сила. На мой взгляд, с помощью программ - генераторов вполне можно научиться азам языка HTML легко и интересно, но злоупотреблять генераторами не стоит. Когда я начинал, мне попался IBM WebSphere Homepage Builder. Это неплохой редактор для новичка, содержащий ещё две другие программы: редактор анимации и редактор графики. Но и как большинство генераторов HTML он имеет ряд недостатков: слишком длинно описывает границы, имеет ограниченный набор средств CSS и т.д., но для начинающего то, что надо. Генераторы позволяют установить связь между визуальным отображением и кодом, описывающим его. Заглядывая в раздел просмотра HTML, я быстро освоил простейшие теги (команды HTML), хотя ещё до этого читал статьи с их описанием, но собрать всю информацию вместе было затруднительно, а на практике всё вышло гораздо быстрее.
Редакторы HTML. Вы удивитесь, но к ним относится и Microsoft notepad, хотя лучше использовать SkimEdit или Bred. Самые яркие представители: Home Site, EditPlus, AceHTML.
Используя генераторы, не забывайте, что это всего лишь программа, которая не всегда может решить поставленную задачу наилучшим образом. Настоятельно рекомендую так же ознакомиться с описанием тегов и корректном их применении.
Хотя HTML очень простой язык разметки, его изучение лучше начинать, придерживаясь стандартов w3c, чтобы не создавать себе проблем в будущем.
Выбор за вами: можете начинать с блокнота или скачать что-то более солидное.