. В первую очередь нам необходим текстовый редактор.Из всех ныне существующих я бы выделил такие редакторы как Dreamweaver (очень мощный инструмент) но к сожалению он платный. Условно бесплатные, такие как TextPad, EditPad Lite или UltraEditm да и еще множество их в инете полно , ну и бесплатные например блокнот, он есть на всех компьютерах. Конечно можно начать сразу с Dreamweaver , но это как на машине, прежде чем сесть на крутую тачку лучше поучится на более простенькой с механическим переключением передач.
Так что не будем мудрствовать лукаво и откроем блокнот.
Первое на что стоит обратить внимание это структура HTML -документа. Он (документ) может быть наполнен чем угодно, но структура его едина. И состоит она из ключевых слов (тегах). Теги это слова команды, которые служат инструкцией браузеру, по ним он определяет где что должно находится. Теги заключаются в скобки <head> и обязательно должны закрываться </head>(такие теги называются контейнарами). Есть теги которые не требуют обязательного закрытия . Список тегов и их предназначение вы можете увидеть здесь. Базовая структура Html документа состоит из тегов <html> </html> (язык на котором написан документ) <head></head> (оглавление) <body></body>. (тело. Непосредственно весь контент).Итак открываем блокнот и пишем
<html> определяет файл как документ html
<head>
<title>текст заголовка </title>
</head>
<body>
непосредственно здесь между этими тегами и будет находиться наш контент
</body>
</html>
В синтаксисе html документа существует правило по которому теги закрываются строго по порядку т.е. первым закрывается тот тег который был открыт последним. В нашем случае если вы внимательно приглядитесь получилась такая иерархия. Первым мы открыли тег <html> за ним <head> потом <title> и закрываем соответственно </title> </head>. Затем мы снова открываем тег <body> и соответственно его закрываем первым </body>. Тегом </html> мы закрываем весь документ.