Основы языка HTML. Часть первая

Основы языка HTML. Часть первая
Дмитрий Кудрец

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

Основы языка HTML

Часть первая

Дмитрий Кудрец

© Дмитрий Кудрец, 2019

ISBN 978-5-4496-2165-8 (т. 1)

ISBN 978-5-4496-2166-5

Создано в интеллектуальной издательской системе Ridero

История развития языка HTML

Начало истории HTML относится к 1969 году, когда Чарльз Гольдфарб, работающий в компании IBM, создал прототип языка для разметки технической документации, впоследствии названного GML, а с приданием ему в 1986 году статуса международного стандарта – SGML (StandardGeneralized Markup Language). Этот обобщенный метаязык предназначен для построения систем логической, структурной разметки любых разновидностей текстов. Слово «структурная» означает, что управляющие коды, вносимые в текст при такой разметке, не несут никакой информации о форматировании документа, а лишь указывает границы и соподчинения его составных частей, т.е. задают его структуру. Однако сам по себе SGML не получил сколько-нибудь заметного распространения до тех пор, пока в 1991 г. сотрудники европейского института физики частиц (CERN),занятые созданием системы передачи гипертекстовой информации через Интернет, не выбрали SGML в качестве основы для нового языка разметки гипертекстовых документов. Этот язык – самое известное из приложений SGML – был назван HTML (Hyper Text Markup Language – язык разметки гипертекста).

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

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

Текстовые документы, содержащие код на языке HTML, обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами», предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра и, при необходимости, отправки введенных пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox и Opera.

Версии языка HTML

Версия HTML 1.0 была предельно проста – кроме тегов для записи гипертекстовых переходов, она предусматривала лишь несколько тегов для логической разметки текста и один тег IMG для записи ссылок на файлы с картинками-иллюстрациями. Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.

Развитие графических средств вывода информации провоцировало появление в следующих версиях HTML многочисленных тегов, позволяющих непосредственно управлять видом элемента на экране. Описанием стандартов HTML, начиная с версии 2.0 (1994 года), стала заниматься организация W3C (World Wide Web Consortium – консорциум Всемирной паутины). 22 сентября 1995 года HTML 2.0 был одобрен как стандарт языка.

В 1995 году Консорциум ввел в HTML версии 3.0 поддержку иерархических стилевых спецификаций CSS (Cascading Style Sheets – каскадные таблицы стилей). CSS – это разрешение противоречий между идеологией структурной разметки и потребностями разработчиков в гибких и богатых средствах визуального представления элементов на экране. Язык CSS имеет свой собственный синтаксис и позволяет задавать визуальные параметры представления элементов на экране. Таким образом, CSS берет на себя задачу объяснить браузеру, как отображать элементы на экран, и позволяет тем самым отделить структурную разметку документа (в HTML-коде) от описаний визуальных свойств объектов (в CSS- коде).

Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2 (14 января 1997) в которой были опущены многие нововведения версии 3.0, но добавлены много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул, нестандартные элементы, поддерживаемые браузерами «Netscape» и «Mosaic».

В 1999 году W3C опубликовала спецификации версии HTML версии 4.0 (18 декабря 1997). Она содержала много элементов, специфичных для отдельных браузеров, но в то же время произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные. В частности, элемент FONT, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS). Затем был опубликован стандарт HTML 4.01 (24 декабря 1999). На этом развитие языка HTML закончилось окончательно.

Черновой вариант HTML 5 появился в Интернете 20 ноября 2007 года. Параллельно велась работа по дальнейшему развитию HTML под названием XHTML (Extensible Hypertext Markup Language – «расширяемый язык разметки гипертекста»). XHTML по своим возможностям сопоставим с HTML, однако предъявляет более строгие требования к синтаксису.

ХHTML создан для хранения структурированной информации. Названия тегам задает разработчик и выбирает их так, чтобы они соответствовали содержанию элемента. Теги в могут содержать атрибуты. Имена атрибутов набор их значений также задаются разработчиком. Язык ХHTML является универсальным средством для создания структур данных, которые можно использовать для самых разных надобностей, в том числе, хранить в ХML – файле настроенные данные для компьютерной программы или использовать для создания гипертекстовой страницы. На базе ХML можно строить другие языки разметки.

Вариант XHTML 1.0 был одобрен в качестве рекомендации Консорциума всемирной паутины 26 января 2000 года.

Спецификация XHTML 2.0 разрывает совместимость со старыми версиями HTML и XHTML. Группой WHATWG (Web Hypertext Application Technology Working Group) разрабатывалась спецификация Web Applications 1.0, часто неофициально называемая HTML 5, которая расширяет HTML для лучшего представления семантики различных типичных страниц, которые не очень удачно вписываются в модель XHTML 2.

На уровне первой версии языка ХHTML не дает практически никаких преимуществ по сравнению с последней версией языка HTML, но синтаксические требования в языке HTML существенно выше, что, с одной стороны, усложняет использование этого языка, а с другой – дисциплинирует разработчиков, которые привыкли относиться к гипертекстовому коду небрежно, считая, что браузер додумает за них (что он и делает, исправляя ошибки в HTML – коде по своему усмотрению).

Завершение эпохи совершенствования HTML не означает отказ разработчиков от использования этого языка. HTML продолжает свою жизнь и в качестве подмножества ХHTML, и в «частном» виде – как простой инструмент разработки сайтов.

Основные понятия языка HTML

Документ, выполненный в формате HTML, называется HTML-документом, web-документом или web-страницей. Такие страницы, как правило, имеют расширение HTM или HTML.

Группа Web-страниц, взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.

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

Теги HTML

Тег – это команда HTML, указывающая браузеру, каким образом он должен обрабатывать соответствующее значение. Это значение называется атрибутом тега.

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

Тег HTML состоит из следующих друг за другом в определенном порядке элементов:

– левой угловой скобки <

– слэша (/), который означает, что тег является конечным, закрывающим некоторую структуру;

– имени тега;

– необязательных атрибутов;

– правой угловой скобки>.

Например: <H1>, <H1 ALIGN=LEFT>

В общем виде тег можно записать так:

<TEГ АТРИБУТ_1=ЗНАЧЕНИЕ_1 АТРИБУТ_2=ЗНАЧЕНИЕ_2 … АТРИБУТ_N=ЗНАЧЕНИЕ_N> Обрабатываемое значение </ТЕГ>

HTML-тэги могут быть условно разделены на две категории:

– тэги, определяющие, как будет отображаться браузером тело документа в целом;

– тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

Большинство тегов являются парными. Это означает, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги.

Например: <H1> Foreword </H1>

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

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

Например, <ТЕГ1> <ТЕГ2> Обрабатываемое значение </ТЕГ2> </ТЕГ1>