Нажмите правой кнопкой мыши на любом месте на любой странице сайта и выберите из выпадающего меню "исходный код страницы". Перед Вами откроется html-код страницы. Каждый сайт, который есть в интернете, имеет свой код. Наверное, открыв html-код сайта, Вы могли испугаетесь тому, что многое из написанного кажется сложным. Однако, это всего лишь иллюзия. Разметка HTML довольно понятна, если знать основу. В сумме html тегов не так уж и много и все страницы одного сайта, как правило, очень похожи друг на друга. Приведу простенький пример создания html-страницы.
Создание простого html-документа
1) Для того, чтобы сделать свою первую html страницу откройте блокнот и сохраните его под каким-то именем (например, index.html). Важно: тип файла нужно выбрать "все файлы", а после имени дописать ".html" или ".htm", но лучше придерживаться первого варианта. Должно получиться следующие имя: "index.html". В принципе это уже можно назвать html документом, однако в нем ничего нету, поэтому переходим к шагу два. 2) Отрываем созданный файл через блокнот и вписываем в него:
Код
<html> <head> <title>Название страницы</title> </head> <body> У меня получилось сделать первую страницу! </body> </html>
После чего сохраните файл.
Структура любого html-документа
Любой HTML документ должен иметь обязательные теги:
Код
<HTML> Content </HTML>
- открывающий тег документа (располагается самым первым), - закрывающий тег документа (должен быть самым последним). Вообще в html практически все теги состоят из двух элементов: открывающий <ТЕГ> и закрывающий . Теги можно писать с большой буквы, а можно и с маленькой, поскольку браузеры не воспринимают регистры. То есть, если Вы напишите так:
Код
<HtMl> ... </hTMl>
То это будет равносильно тому, что было написано чуть выше. 2. Любой html документ можно разделить на две части: - заголовок страницы (невидимая для пользователя часть):
Код
<head> ... заголовочные теги ... </head>
Между и указываются: метатеги (meta), заголовок страницы (title), подключаемые яваскрипты (javascript) и подключаемые стили (link). Все эти элементы будут подробно разобраны в уроке по заголовочным тегам. Заголовок страницы должен идти перед телом страницы! Сразу после должно идти тело страницы. - тело страницы (видимая для пользователя часть)
Код
<body> Здесь располагается контент и все остальное. </body>
- открывающий тег тела страницы. Сразу после него начинается то, что видит пользователь: дизайн, контент. Тело и собственно весь html-документ должны заканчиваться последовательностью:
