Введение в HTML.

HyperText Markup Language (перевод «язык разметки гипертекста», сокр. «HTML») – система верстки страниц, определяющая как и где в веб-документе отобразить некоторые отдельные элементы (рисунки, текст, ссылки и т.д.).

Исходный код любой страницы сайта – обычный текстовый документ, состоящий из двух основных компонентов, связанных между собой:

- тэги (установка ссылок, добавление рисунков, смена шрифта текста и множество других полезных функций);
- текст, отображающийся в окне браузера.

Следуя из этого, освоения языка HTML сводится всего лишь к изучению основных тэгов и правил использования каждого из них.

Разметка документа.

Небольшое отступление – представьте следующую картину: Вы диктуете машинистке (человек, набирающий контент) текст, в котором содержится определенное количество фраз, выделенных отдельным шрифтом, полужирным начертанием или определенным цветовым оттенком, и рисунков. При этом Ваша фраза «выделить полужирным начертанием» может быть осознана машинисткой двояко – либо написать данную фразу, либо команда на ее выделение. И для того чтобы исключить постоянные переспрашивания, что именно предстоит сделать с фразой, вначале Вам следует обговорить ключевое слово и его терминологию. Например, «оракул 1: синий цвет» - данная команда будет означать, что текст следует выделить синим цветом.

Также и в случае использования html, отличие лишь в том, что в качестве ключей выступают тэги, отвечающие за определенные действия. Поэтому тэги часто называют элементами разметки. Например, <b> фраза </b> означает, что фраза, находящаяся внутри тэгов <b> и </b> должна отображаться полужирным начертанием. Аналогично создаются списки, добавляются изображения, таблицы и другие элементы с использованием соответствующих тэгов.

Для каждого элемента разметки существует свое правило использования, установленное спецификацией языка html. Данный документ регламентирует как порядок применения тэгов, так и вложенность, и принцип их работы. Знание и соблюдение каждой из спецификаций поможет избежать типичные ошибки и позволит создать универсальный код, работающий одинаково хорошо на различных устройствах и браузерах.

Браузеры

HTML-файлы размещаются на серверах и для их просмотра необходимо наличие браузера, например Opera или Mozilla Firefox. В свою очередь, они подключаются к удаленному серверу, получают html-код и выполняют интерпретацию (командное выполнение программ) согласно спецификации кода. Проще говоря, браузер преобразует html-документ в обычную веб-страницу, которую мы видим в окне браузера. Также браузер можно использовать как проверку на корректную работу html-документов на локальном компьютере, не заливая документ на сервер.

Быстрый старт

Для того чтобы Вам быстрее понять, как создается веб-страница, предлагаем небольшой пример ее создания без изучения всех правил языка HTML.

Открываем программу, способную работать с исходным кодом html, например «Notepad++» и набираем следующий текст с использованием html-кода:


Сохраняем документ в формате .html и открываем его в браузере, в итоге получаем:


Вот так легко создаются страницы сайтов в Интернете.