Файл: Основы программирования на языке HTML.pdf

1.3 История развития HTML

История создания языка HTML начинается с 1986 года, когда Международной организацией по стандартизации (ISO) был принят стандарт для верстки и маркировки текстов, получивший название «Standard Generalized Markup Language» - SGML.

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

Создатели SGML ставили задачу, что бы полученный язык мог был понят любой вычислительной системой и программным обеспечением, а так же правильно интерпретировал бы исходный тест с маркировкой и всегда выдавал одинаковый результат [15, 16].

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

В 1991 году, британским ученым Тимом Бернерсом Ли, сотрудником Европейского института физики частиц (CERN) в Женеве, была разработана система передачи гипертекстовой информации через интернет. А за основу нового языка был взят SGML.

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

Как и положено изначально язык HTML разделял все особенности идеологии SGML. Но в 1993 году появляется версия языка HTML 1.2, которая имела сорок с небольшим тегов, три из которых не рекомендованы к использованию, так как указывали на физические параметры предоставления документа, что противоречило идеологии SGML. Вся разметка была логической и только в описательной части стандарта можно было увидеть что-то типа ”в графических браузерах действие этого тега может передаваться жирным начертанием”.

Для просмотра размеченного текста были разработаны специальные программы, получившие название «браузеры». Основной задачей данных программ не было просмотр текста, задача стояла более глобальная, просмотр текста размещенного в сети интернет в виде страниц и в последствии в виде сайтов [14].

---

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

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

Программа Mosaic была единственной в то время браузером поддерживающим графические возможности. Она была разработана в Национальном центре суперкомпьютерных приложений США (National Center for Supercomputer Applications - NCSA), там же, кстати, была разработана WWW (World Wide Web). По этой причине никаких противоречий между официальными стандартами и их реализацией в браузерах тогда не существовало, рисунок 1.3.

Рисунок 1.3 – Браузер Mosaic

В апреле 1994 года была создана организация, в сфере деятельности которой была сеть интернет и ее обеспечение. Данная организация получила название «Консорциум W3C» (World Wide Web Consortium), основной задачей которого было приведение к стандартам деятельности в области создания интернет-страниц и содержимого, работа интернет протоколов и прочие интернет-технологии.

В связи с тем, что официально спецификацию языка HTML под версией 1.0 не выпускали, организация W3C начала заниматься подготовкой спецификации HTML 2.0. Разработка спецификации HTML 2.0 была завершена в сентябре 1995 года. Из больших дополнений был добавлен лишь механизм форм для отсылки информации с компьютера пользователя на сервер.

Параллельно организацией «Консорциум W3» было произведено обсуждение следующей версии стандарта HTML 3.0. спецификация данного стандарта следующего поколения была предложена в марте 1995 года.

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

В стандарт HTML 3 были добавлены возможности нового средства - иерархические стилевые спецификации (Cascading Style Sheets, CSS). Данные возможности были введены что бы удовлетворить возрастающие потребности разработчиков браузеров и интернет страниц в новых элементах и компонентах веб-страниц для отображения и создания динамики страницам интернет.

Самой рабочей и долгоживущей является спецификация HTML версии 4.0. Она была утверждена 18 декабря 1997. В спецификации были убраны устаревшие и не используемые элементы, которые не рекомендовались разработчикам для использования.

---

Сейчас W3C занимается разработкой пятой версии языка HTML. Ее черновой вариант стал доступен 20 ноября 2007 года. На текущий момент разработка новой редакции спецификации приостановлена, а впоследствии отменена.

В параллель ведется также разработка XHTML (Extensible Hypertext Markup Language) - расширяемый язык разметки гипертекста. В нем предъявляются более строгие требования к синтаксису, чем в HTML. XHTML 1.0 был утвержден 26 января 2000 года в качестве рекомендации W3C. Вариант XHTML 1.1 одобрен в качестве рекомендации консорциума 31 мая 2001года.

Со спецификациями HTML всегда можно ознакомиться на официальном сайте Консорциума W3C по адресу http://www.w3c.org.

Последний стандарт HTML имеющий широкой распространение и поддерживаемый всеми разработчиками Web-контента 4.0 включал в себя помимо описания и интерпретации конструкторов языка HTML еще работу со стилями и Java-скриптами [13].

Отдельным направлением в работе с HTML можно выделить динамический HTML. Dynamic HTML или DHTML — это способ (подход) создания интерактивного веб-сайта, использующий сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей).

Он может быть использован для создания приложения в веб-браузере: например для более простой навигации или для придания интерактивности форм. DHTML может быть использован для динамического перетаскивания элементов по экрану. Также он может служить как инструмент для создания основанных на браузере видеоигр.

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

2. Описание и возможности HTML

2.1 Основные конструкторы HTML

Согласно спецификации языка HTML работа я элементами в языке производится с помощью специлаьных зарезервированных слов, так называемых тегов. HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

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

---

Любой HTML-документ состоит из набора HTML-элементов и текста. Специальные теги создают определенную структуру докумнета, которую каждый браузер должен интерпретировать одинаково. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега [8, 9].

Основными компонентами HTML являются:

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

Атрибут (или аргумент). Атрибут HTML изменяет тег. Например, можно выровнять абзац или изображение внутри тега.

Значение. Значения присваиваются атрибутам и определяют вносимые изменения. Например, если для тега используется атрибут выравнивания, то можно указать значение этого атрибута. Значения могут быть текстовыми, типа left или right, а также числовыми, как например ширина и высота изображения, где значения определяют размер изображения в пикселях.

Теги представляют собой зарезервированные последовательности символов, начинающиеся с < (знака меньше) и заканчивающиеся >(знаком больше).

Закрытие тега отличается от открытия только наличием символа «/», наклонная черта [10, 14].

Все HTML-элементы делятся на пять типов:

• пустые элементы — <area>, <base>, <br>, <col>, <embed>, <hr>, <img>,<input>, , <link>, <menuitem>, <meta>, <param>, <source>, <track>, <wbr>;
• элементы с неформатированным текстом - <script>, <style>;
• элементы, выводящие неформатированный текст - <textarea>, <title>;
• элементы из другого пространства имён - MathML и SVG;
• обычные элементы - все остальные элементы.

HTML- программа должна начинаться тегом <HTML> и заканчиваться тегом </HTML>

<HTML>

...... (здесь будут другие теги программы)

</HTML>

HTML- программы состоят из двух основных частей: заголовка и тела. Заголовок ограничивается парой тегов<HEAD> и </HEAD>, а тело - парой тегов<BODY> и </BODY>.

В результате HTML- программа выглядит следующим образом:

<HTML>

<HEAD>

... (здесь будет заголовок)

</HEAD>

<BODY>

.... (здесь будут другие теги тела программы)

</BODY>

</HTML>

Кроме того, каждая HTML- программа имеет заголовок, который помещается в заголовок окна броузера. Заголовок окна броузера создается при помощи двух тегов <TITLE> и </TITLE> и содержится между тегами <HEAD> и</HEAD>.

Тогда программа принимает следующий вид:

<HTML>

<HEAD>

<TITLE> Основы HTML </TITLE> ;

---

</HEAD>

<BODY>

.... (здесь будут другие теги тела программы)

</BODY>

</HTML>

Цвет в HTML-документах представляется в виде трех двухбайтных составляющих, записанных в шестнадцатеричной системе счисления. То есть можно при использовании ссылки на цвет одном из параметров тэга <body> вместо "WHITE" указать "#ffffff", где # указывает ,что следующее число шестнадцатеричное, а каждая из световых компонент [15, 16].

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

<table bgcolor=.. border=.. width=.. cellpadding=.. cellspacing=..> - объявление таблицы и определение некоторых параметров

• bgcolor - цвет фона таблицы
• width - ширина таблицы в абсолютных и относительных единицах
• border - ширина рамки таблицы (в пикселах)
• cellpadding - отступ от границ при визуализации табличного контента (в пикселах)
• cellspacing - промежуток между ячейками таблицы (в пикселах)
• <caption> - заголовок таблицы.Как правило, применяется после объявления таблицы

<th> - заголовок каждого столбца.

<tr> - объявление строковых элементов таблицы. Используется в паре с тэгом <td>, определяющим вертикальные разделяющие линии при визуализации таблицы. То есть область, ограничиваемая тэгом <tr> включает в себя одну или несколько областей, ограниченных тегом <td>, определяющим, что будет находится в каждой ячейке на данной строке.

Фрэймы - это окна независимого просмотра различных html - документов. Иногда бывает очень удобно организовать навигацию по странице в виде меню в отдельном фрейме, и основного окна, где будет представляется вся информация, определяемая действиями пользователя в области меню.

Для обеспечения гиперссылок используется тег <a href=" "> .

Тег <a href=" "> - тэг гипертекстовых ссылок. Может адресовать документы в глобальной сети или выоплнять переходы на структурные части докумнета, используя локальные метки, так называемые якоря, расставленные по докумнету [16].

Параметр href содержит полный (с адресом ЭВМ, содержащий данный файл) путь и имя файла.

Ссылка может быть указана как на файл на данной машине (необязательно html-документ), так и на документв размещенный в сети интернет.

Параметр href содержит символ # и имя метки (якоря). Например, для метки 001 ссылка выглядит как <a href="#001">.Метки задаются тем же тэгом, но с другим параметром <a name=" ">, где name - имя метки (# - не используется!).Примет для 001 - <a name="001">.

---