Что такое HTML и история его создания

Каким был интернет на заре своего существования

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

Интернет уже существовал, но он был совсем не похож на тот, к которому мы привыкли сегодня. Это была сеть, предназначенная в основном для учёных, инженеров и военных. Люди обменивались файлами, отправляли электронные письма, подключались к удалённым компьютерам через текстовые терминалы. Никаких сайтов, страниц, картинок или кнопок не существовало — только текст и команды.

Информация была разрозненной:

• документы хранились на разных серверах;
• чтобы получить к ним доступ, нужно было знать точный адрес;
• не существовало удобного способа связывать документы между собой.

Проблема, которую хотел решить Тим Бернерс-Ли

В 1989 году британский инженер Тим Бернерс-Ли работал в CERN — Европейском центре ядерных исследований. Там учёные со всего мира постоянно обменивались результатами исследований, но делали это крайне неудобно: данные были разбросаны по разным системам, форматам и компьютерам.

Тим задался простым, но революционным вопросом: «А что если сделать систему, где документы можно легко связывать друг с другом и открывать через сеть?»

Так появилась идея World Wide Web — Всемирной паутины.

Рождение HTML и развитие

Для реализации своей идеи Тим Бернерс-Ли создал три ключевые технологии:

• URL — способ адресации документов в сети
• HTTP — протокол передачи данных
• HTML — язык разметки документов

HTML - это аббревиатура от HyperText Markup Language. Он был создан для того, чтобы создавать гипертекст - особый вид текста, существующий только в электронном виде. Его основным отличием от обычного текста является наличие гиперссылок, которые позволяют по одному щелчку переходить на другие электронные документы.

Также с помощью HTML легко структурировать любой документ, разбить на логичексие блоки или определить, например, какая его часть является главной, а какая - второстепенной.

Таким образом, язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться одинаково на различном оборудовании.

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

На текущий момент, с 2014 года действует 5 версия HTML. Интересный факт состоит в том, что на уровне Консорциума Всемирной Паутины (W3C) - некоммерческой организации основанной Тимом Бернсом Ли для руководства развитием интернета, принято решение что 5 = это финальная версия HTML, но в нее продолжат вносить изменения с учетом обратной совместимости.

Что такое HTML простыми словами

Давайте начнем с простого примера и разберем, как обычный текст превратить в HTML документ.

Основу HTML составляют теги - специальные метки, которые позволяют структурировать документ. Теги, как правило, располагаются вначале и в конце какого-либо блока текста. Текст, содержащийся между начальным и конечным тегом, отображается и размещается в соответствии со свойствами, указанными в начальном теге.

Например, возьмем простой текст:

Мой первый HTML-документ
Это первый абзац
Это второй абзац
html

Пока это обычный текст и одно предложение в нем неотличимо от другого. Теперь попробуем превратить этот текст в HTML-документ с помощью тегов.

<h1>Мой первый HTML-документ</h1>
<p>Это первый абзац</p>
<p>Это второй абзац</p>
html

Разберём, что здесь происходит: <h1> — тег заголовка первого уровня. Всё, что находится между <h1> и </h1>, с точки зрения HTML - главный заголовок страницы. <p> — тег абзаца. Каждый абзац текста оборачивается в свой тег <p>.

Обратите внимание что мы использовали начальный тег <h1> и конечный тег </h1> (с символом / вначале). Большинство тегов используются именно таким образом - т.е. являются парными. Второй тег - <p>, также является парным.

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