По сути, сейчас мы изучаем web. Он у нас базируется на трех основных вещах:

• Адресация документов. Чтобы найти документ, лежащий где-то на удаленном компьютере, нужно правильно написать его адрес.
• Протокол, по которому надо передавать информацию. Этот протокол - http. Его вы привыкли видеть в адресной строке.
• Язык разметки html. Т.е. то самое средство, которое позволяет передавать структурированные документы.

История HTML

Появилось это все в 1991 году. Активное участие в разработке принимал Тим Бернерс-Ли. В 1991г. все эти проекты бурно развивались. И поэтому в 1994г. создали специальную организацию “Консорциум W3” (W3C). Официальный сайт: www.W3.org.

В рамках этой организации происходит развитие стандартов. Т.е. собираются какие-то группы, которые наполняются представителями компаний. И эти люди разрабатывают новый стандарт. Соответственно все остальные понимают, куда идет развитие прогресса и к чему надо готовиться. Там лежат документы в разной стадии готовности: драфты (druft), рекомендации, спецификации.

Чтобы открывать все эти документы (где-то расположенные и структурированные), нужны были специальные программы - браузеры. Т.е. изначально браузеры были созданы для открытия документов с разметкой html.

Язык разметки html развивался. Образовывались новые компании, создающие браузеры. И где-то в середине 90-х гг. сложилась довольно неприятная ситуация, когда разработчики стандартов слишком долго пытались что-то написать, а производители браузеров внедряли свои новшества в свои продукты. Но вскоре все одумались и начали одну за другой выпускать спецификации html.

Март 1995 года - начало работ над HTML 3. Параллельно появляется браузер Netscape Navigator. В 1996 г. выходит браузер Internet Explore 3.0.

Январь 1997г. - выходит спецификация HTML 3.2. Потом в январе того же года - HTML 4.0. В 1999г. появилась версия HTML 4.01. В 2000г. выходит версия HTML - ISO/IEC 15445. В ее основе лежит версия html 4.01 плюс некоторые доработки. Сегодня разрабатывается версия HTML 5.

Все это развитие языка разметки html определяется релизами браузеров. Т.е. какой-то браузер поддерживает html 5 чуть больше, другой - чуть меньше.

Тим Бернерс-Ли
Создатель языка HTML

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

HTML (HyperText Markup Language) — язык разметки гипертекста. Сайты создаются с помощью языка HTML .

Создателем языка HTML, является выдающийся британский учёный — Тим Бернерс-Ли .

Версии HTML

До 1995 года официального стандарта языка HTML не существовало, но было несколько не стандартизированных версий языка HTML. 22 сентября 1995 года, создали первый официальный стандарт языка HTML, он сразу получил номер 2.0 (HTML 2.0).

14 января 1997 года появилась версия HTML 3.2,
18 декабря 1997 года HTML 4.0,
24 декабря 1999 года HTML 4.01

В 00-х годах, также существовал язык разметки XHTML (то же самое что и HTML, но с более строгим синтаксисом). XHTML предназначался для того, чтобы подготовить вебмастеров, к строгим правилам разметки языка XML . Благодаря строгой разметке, различные программы и сервисы понимающие XML, могут эффективно обрабатывать данные на сайтах написанные на XHTML, также в этом языке появилась возможность внедрять SVG, MathML, CML и другие производные языка XML.

XHTML существовал в трёх версиях в строгой, переходной и frameset, в переходной можно было использовать устаревшие теги такие как center или font . На данный момент, разработку языка XHTML закрыли.

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

Язык CSS и HTML

Начиная с 4 версии языка HTML, изменять внешний вид HTML тегов рекомендуется только с помощью языка CSS. Поэтому языки HTML и CSS желательно изучать параллельно. В учебнике по HTML для начинающих мы также ознакомимся с начальными аспектами языка CSS, ну а для продолжения изучения вы можете почитать и сам

История HTML

Язык HTML был создан в 1991 году, британским учёным Тимом Бернерсом-Ли. Тогда Тим работал в CERN (Европейская организация по ядерным исследованиям) и сайтов еще не существовало. Ученые работавшие в данном центре нуждались в надежном и эффективном способе обмена информацией.

Выбор пал на язык SGML , но он был слишком сложен и тогда Тим на основе SGML, создал упрощенную его вариацию — HTML , благодаря чему любой ученый мог создать простой документ с информацией, обрамив её различными тегами: абзацами, заголовками, ссылками и разместить его в интернете, а другие ученые в то же время могли читать данную информацию.

Изначально в HTML-документах (на страницах сайтов), можно было размещать только текстовую информацию, возможность добавления медиафайлов: изображений, видео и аудио появилась чуть позже.

На данный момент, поддержкой и развитием языка HTML занимается W3C (World Wide Web Consortium) — консорциум всемирной паутины. W3C состоит из различных рабочих групп, которые внедряют и развивают интернет стандарты и технологии.

Таблица распространения браузеров

Файлы HTML, обычно имеют расширения .html или .htm . Эти файлы можно просматривать с помощью интернет-браузеров.

Таблица имён браузеров и количество их распространения в мире, на январь 2016 года, в порядке уменьшения:

Браузер	Распространение
Google Chrome	54,22 %
Internet Explorer	14,67 %
Mozilla Firefox	14,61 %
Safari	9,43 %
Opera	1,96 %
Прочие	5,11 %

Развитие языков разметки гипертекста

1. Понятие о стандартном обобщенном языке разметки SGML.

HTML - основной, но не единственный язык разметки документов. Суще­ствуют как более общие, так и узко специализированные решения.

Исторически первым распространенным форматом был SGML (Standard Generalized Markup Language - стандартный общий язык разметки, произно­сится эс-джи-эм-эль). SGML - наследник разработанного в 1960 г. компа­нией IBM языка GML (Generalized MarkupLanguage) - это метаязык, т. е. на нем можно определять правила построения других языков форматирова­ния документов.

SGML был разработан для совместной разработки машинных документов в больших правительственных и аэрокосмических проектах. Он широко при­менялся в печатном деле и издательской сфере, но его сложность затруднила повседневное использование. Основные наследники SGML - форматы HTML и XML.

2. Версии языка гипертекстовой разметки HTML.

HTML (Hypertext Markup Language - язык разметки гипертекста) - самое распространенное сегодня средство для создания Web-страниц. Технология HTML позволяет связывать между собой документы различных форматов с помощью гипертекстовых ссылок (гиперссылок или линков). Такие связи между документами, расположенными на серверах по всему миру, позволяют системе работать так, будто она представляет собой единую всемирную пау­тину информации (World Wide Web), Документ HTML - это файл, содержащий обычный текст и специальные команды – теги. Теги определяют визуальное форматирование текста (цвет и начертание шрифта, разметку заголовков, таблиц и т. п.), а также связи данного HTML-документа с други­ми ресурсами (изображениями, таблицами стилей, видеороликами, другими HTML-документами и т. д.). В SGML, HTML и XML теги оформляются открывающей (<) и закрывающей (>) угловыми скобками, за которыми следует наименование тега, и затем - уточняющие его действие команды -атрибуты.

HTML был разработан британским ученым Тимом Бернерсом-Ли в 1991 1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). Поначалу HTML создавался как язык для обмена научной и технической документацией, пригодный для людей, не являющихся специалистами в области верстки.

Затем помимо упрощения структуры документа, в HTML была внесена поддержка различных видов гипертекстовых ссылок, а позднее в язык были добавлены мультимедийные возможности. Изначально HTML предназначали для структурирования и форматирования документов без их привязки к программным средствам отображения. В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться оборудовании с различной технической оснащенностью (цветной экран временного компьютера, ограниченный по возможностям экран мобильного телефона или программа голосового воспроизведения текстов). Однако современное применение HTML очень далеко от изначального замысла. С течением времени, основная идея платформенной независимости HTML были отдана в жертву современным потребностям в мультимедийном и графическом оформлении.

HTML является приложением SGML и соответствует международному стандарту ISO 8879. Текущий стандарт HTML 4.01 существует с 1999 г. В стоящее время опубликован проект пятого стандарта языка. Новая версия HTML обещает дополнить язык многочисленными расширениями и oбecпечить более простую, логичную и удобную систему правил.

Dynamic HTML или DHTML - это способ создания интерактивного Web-сайта. DHTML возник как набор мето­дов динамического создания и изменения Web-страниц путем вызова из HTML- документа сценариев. Однако развитие этих методов привело к пол­ному пересмотру концепции Web-документа и формированию понятия объ­ектной модели документа DOM (Document Object Model).

DOM представляет собой платформенно независимый программный интер­фейс, позволяющий программам и скриптам управлять содержимым доку­ментов HTML и XML, а также изменять их структуру и оформление.

Модель DOM не накладывает ограничений на структуру документа. Любой документ известной структуры с помощью DOM может быть представлен в виде дерева узлов, каждый из которых содержит некоторый объект. Узлы связаны между собой отношениями родитель-потомок.

Изначально многие браузеры имели собственную модель DOM, не совмести­мую с остальными. Для того чтобы обеспечить совместимость, специалисты международного консорциума W3C классифицировали эту модель по уров­ням, для каждого из которых была создана своя спецификация. Все эти спе­цификации объединены в общую группу, носящую название W3C DOM.

3. Понятие о расширяемом языке разметки XML.

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

XML создавался для обеспечения совместимости при передаче структурированных данных между системами обработки информации, особенно при передаче данных через Интернет.

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

В 1989 году Тим Бернерс-Ли, сотрудник центра высоких технологий (CERN), предложил проект распределенной гипертекстовой системы под названием WWW (World Wide Web). Гипертекст - это текст, «который разветвляется сам по себе или выполняет действия по запросу». Изначально проект задумывался для того, чтобы объединить все информационные ресурсы CERN в единую распределенную систему гиперссылок, но данная технология, оказалась настолько перспективной, что впоследствии, благодаря простоте и использованием уже известных на тот момент сетевых протоколов (TCP и IP), ляжет в основу известной на егодняшний день Всемирной паутине.

World Wide Web - первая успешно реализованная сетевая технология, удобство применения привели к росту числа пользователей WWW и привлекли внимание коммерческих компаний, благодаря чему количество пользователей увеличивается геометрически и по сей день.

Одним из основных составляющих World Wide Web стал язык гипертекстовой разметки HTML , разработанный Тимом Бернерсом-Ли на основе стандарта языка разметки печатных документов -- SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки ).

Благодаря созданию HTML были решены две задачи: дизайнеры гипертекстовых баз получили очень удобный инструмент для создания гипертекстовых документов; этот инструмент получился достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных.

Первая задача была решена за счет выбора теговой модели(см. главу 2) описания документа. Такая модель широко применяется в системах подготовки документов для печати.

Для реализации HTML документов был выбран текстовый файл, так как помимо существования стандарта Z39.50 (который подразумевал простой текстовый файл, соответствующий кодировке US ASCII, как единицу хранения), создание и редактирование такого файла возможно в любом текстовом редакторе.

По сути - гипертекстовая БД в рамках WWW представляет из себя совокупность написанных при помощи HTML текстовых файлов, которые так же включают в себя систему связей между собой и внешними информационными ресурсами (гиперссылки), которые, в последствии объединили множество различных информационных и развлекательных ресурсов. В последствии, когда гиперссылки стали объединять не только текст, но и аудио и видео возникло понятие гипермедиа.

HTML 1.0 предназначался скорее для презентации самого языка. HTML 2.0 уже определял четкую архитектуру документов. HTML++ предоставил больше возможностей для составления научных статей и формирования таблиц. HTML 3.2 собрал воедино нововведения и наработки предыдущих версий, позволил выполнять на странице написанный на Java код. В HTML 4.01 . расширены возможности работы с мультимедиа, была введена интеграция с таблицами стилей CSS, языкиами программирования JavaScript и VBScript.

Но в 1998 году язык HTML был признан устаревшим (по сравнению с XML) и W3C решили заморозить язык разметки на версии 4.01. Затем был разработан язык XHTML, сочетающий в себе структуру HTML и синтаксис XML. Были разработаны два стандарта XHTML Transitional и XHTML Strict Первый был разработан для упрощения перехода на устоявшийся стандарт XHTML strict. Затем началась работа над XHTML 2.0. При разработке данного стандарта была совершена попытка улучшить логику писания разметки.

Но команда энтузиастов из компании Opera считали, что XML (а так же XHTML 2.0) не является достойным стандартом языка разметки. Они запустили проект по разработке экспериментального стандарта, добавив расширения для форм HTML, сохраняя при этом обратную совместимость. В результате получился стандарт Web forms 2.0, который в дальнейшем вошел в состав HTML5. После присоединения к команде разработчиков сотрудников из Mozilla они продолжили работу над проектом назвав себя WHATWG (Web Hypertext Application Technology Working Group, «рабочая группа по разработке гипертекстовых приложений для Интернета» -- http://www. whatwg.org). Код данного проекта является открытым и каждый может предложить любые изменения и нововведения в спецификацию. В последствии W3C признала, что попытка перевести весь мир на XML оказалась провальной и проголосовала за использование разработки от WHATWG в качестве основной, обновленной версии HTML, и так начался процесс работы над HTML5 аналог которой параллельно разрабатывала W3C и WHATWG. В 2009 году W3C направила все доступные средства на разработку HTML5.

Урок 1

Тема: «Моя первая интернет страничка»

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

Прежде чем приступить к занятиям, давайте разберемся, что же такое язык HTML и для чего он нужен? HTML (HyperText Markup Language - язык гипертекстовой разметки) предназначен для разметки и оформления документов, публикуемых в World Wide Web (WWW) или, проще сказать, HTML-документов. Под разметкой следует понимать слу­жебную информацию, которая не выводится на экран, но определяет структуру до­кумента и внешний вид его структурных единиц. Создатели позабо­тились о том, чтобы этот язык был независимым от платформы, т.е. мог работать в любых операционных средах. Основными элементами языка HTML стали дескрипторы (или тэги, tags) - операторы, названия которых заключаются в угловые скобки. Доку­менты, размеченные при помощи этого языка, визуализируются броузерами конечных пользователей в большинстве случаев одинаково благодаря тому, что "понимают" и пра­вильно обрабатывают структурные элементы языка HTML. Исходный код представляет собой текст, отформатированный с помощью дескрипторов, причем посетителю Web-страницы эти элементы не видны, а виден лишь результат их воздействия на документ.

Отцом HTML принято считать Тима Бернерса-Ли (Tim Berners-Lee), который предложил передавать информацию в Интернет в виде гипертекстовых документов с возможностью просмотра их через веб-браузер. HTML разрабатывался как уни­версальный язык, который могли бы понимать все компьютеры. HTML документ представляет собой обычный текстовый документ с включенными в него элемен­тами языка разметки. Поэтому, создать HTML документ можно используя любой текстовый редактор, например блокнот.

Особенностью языка HTML является то, что он, по сути, дает лишь рекомен­дации браузеру как интерпретировать тот или иной элемент языка. Т.е. один и тот же элемент языка может по-разному отображаться различными браузерами. К то­му же разработчики браузеров стали вводить новые элементы, которые восприни­мались только их браузерами. Так началась так называемая «война браузеров». Поэтому перед профессиональным разработчиком стоит тяжелая задача - про­фессионально сделанный сайт должен одинаково выглядеть при просмотре разны­ми типами браузеров. Для этого необходимо «тестировать» свои документы в про­цессе создания. Наиболее популярными на сегодняшний день являются браузеры Internet Explorer, Netscape Navigator, Mozilla, Opera, которые работают под опера­ционной системой Windows.

В тоже время разработчики HTML постоянно прилагают усилия направленные на достижение все большей универсальности языка. В настоящий момент за раз­витие HTML отвечает международная некоммерческая организация Консорциум World Wide Web (W3C). Консорциум разработал три версии языка HTML - HTML3.2 (принят в январе 1997), HTML4.0 (принят в декабре 1997), XHTML (принят в январе 2002).