Структура html файла.
В первую очередь нам потребуется создать файл с расширением «htm» или «html» и открыть его для редактирования в текстовом редакторе
Файл начинается с тега <html> и заканчивается тегом </html>. Внутри тегов <html></html> обязательно создаются два раздела.
Первый раздел заголовка - начинается с тега <head> и заканчивается тегом </head>. Между этими тегами размещается техническая информация, сообщающая браузеру о настройках страницы, либо содержащая определенные данные. Первый раздел заголовка служит только для формирования общей структуры документа. Он заключает в себе гипертекст, который определяет собственно web-странцу. Это та часть документа, которую разрабатывает автор страницы и которая отображается браузером.
Для примера, можно поместить сюда контейнер, позволяющий поместить текст для отображения в заголовке окна браузера.
Второй раздел - собственно тело HTML-страницы, он начинается с тега <body> и заканчивается тегом </body> - между этими тегами размещается текст, который будет выводиться на экран, а также теги, управляющие разметкой этого текста. Внутри этого раздела размещаются элементы, предназначенные для дизайна Web- страницы. Внутри стартового тега элемента <body> Можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком.
Если сравнить исходные тексты различных web-страниц, то можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information progressing. Text and Office systems. Standard Generalized Markup Language (SGML)».
Заголовок файла - раздел <head></head>
Заголовок HTML файла находится внутри тегов <head></head>, расположенных перед тегом <body>. В заголовке находятся теги, сообщающие браузеру информацию о файле, о подключаемых модулях, а также данные о применяемых стилях и коды исполняемых программ. Разберем некоторые теги заголовка.
Тег <meta>. Этот тег служит для передачи служебной информации браузеру (о применяемой кодировке). Сообщать браузеру информацию о кодировке необходимо, чтобы текст на странице отображался правильно независимо от настроек браузера.
Тег <title>. Этот тег выводит название страницы в заголовок окна. Он важен как для оформления, так и для индексации станицы, поскольку поисковые машины используют содержащуюся в этом теге информацию. Закрывающий тег для этого элемента обязателен. Пример: <title>HTML страничка</title>.
Тег <style>. Внутри пары <style></style> определяются стили, применяемые для оформления страницы. Стили по праву можно назвать краеугольным камнем web-дизайна, именно они отвечают за то, как будет выглядеть информация на станице, как и где будут располагаться элементы и как в целом будет вести себя станица. Для описания стилей используется специальный синтаксис, называемый CSS (каскадные таблицы стилей). В данный момент большинство браузеров используют CSS 2, в ближайшем будущем, вероятно, будет использоваться CSS 3, что значительно расширит возможности применения стилей.
Тег <script>. Пара <script></script> используется для размещения исполняемого кода на языке JavaScript или VBScript внутри HTML-страницы.
Тег <link>. Тег <link> используется без закрывающего тега и позволяет подключать к HTML-файлу внешние файлы. Этот тег удобен для подключения внешних CSS-таблиц, или программ наJavaScript или VBScript. Например, если в нескольких страницах применяются одинаковые стили - не имеет смысла в каждом файле создавать свою CSS-таблицу. Эту таблицу можно создать в отдельном файле, а из HTML-файлов подключать ее с помощью тега <link>. При этом изменения стиля в таком файле, автоматически будут влиять на отображение всех страниц, подключенных к нему, что делает управление сайтом более универсальным.
Помимо этого заголовок может содержать элементы <meta>...</meta>. Открывающий тег <meta> включает пары имя=значение, описывающие свойства документа, например, авторство, список ключевых слов и т.д. Эти данные используются также поисковыми серверами при индексации документов.