2. Язык html

   1. Общая характеристика языка html

Начало создания HTML (Hiper Text Markup Language) относится к первой половине 70-х годов, когда был создан язык для генерации технической документации GML (позже стандарт SGML – Standard Generalized Markup Language). Это был язык, реализовавший идею структуризации документа, т.е. выделения в нем составных частей, не связывая это выделение с конкретным форматированием. Разработчики ставили задачу описания образца документа, независимого от компьютерных платформ и устройств вывода.

Было предложено выделять в тексте его составные части (заголовки, сноски, включенные друг в друга блоки текста и т.п.), а все, что связано с оформлением (шрифты, кегли и т.п.), выносить отдельно в “стилевые спецификации”. Таким образом достигалась независимость содержания от оформления, и документ можно было получать на устройствах разного типа.

В последствии (1991 г.) SGML был выбран в качестве основы для языка описания гипертекстовых документов. Следует отметить, что при таком подходе внешний вид документа определяется программой, которая его воспроизводит на остове размеченного текста (броузером). По сути броузер является интерпретатором языка HTML. Таким образом, вид документа на экране, создаваемый разными броузерами может быть разным. Это зависит от возможностей конкретной платформы и от того, насколько разработчики следуют стандарту. Но смысл документа будет эквивалентным.

В 1993 году была создана версия HTML 1.2, в 1995 г. принят стандарт HTML 2.0, 1996 – HTML 3.0, 1997 – HTML 4.0. Необходимо отметить, что стандарт – это компромисс между идеологами и разработчиками стандартов, с одной стороны, и разработчиками броузеров, с другой. Причем последние очень часто (обычно в целях конкурентной борьбы) отступают от стандартов, обычно опережая их. Тем самым создаются предпосылки к несовместимости программных средств этого класса.

Развитие продолжается, на смену HTML идут другие средства, возможно, XML (eXtended Markup Language). Но пока в сети Интернет накоплено слишком много ресурсов, жестко привязанных к этому языку, что делает его основным в данной сфере.

2. Синтаксис языка html

Синтаксис – это набор правил, по которым создаются все конструкции языка. НТМL содержит всего три основных конструкции: элементы, теги и подстановки.

Элементы – это составные части документа (текст, заголовки, абзацы и т.п.).

Теги – это единицы разметки. Тег (tag), дословно бирка, ярлык. Теги, во-первых, разделяют исходный неформатированный текст на элементы, а во-вторых, создают новые элементы, которым ничего не соответствовало в неразмеченном тексте (например, графические вставки, Jawa-апплеты). Соответственно и теги бывают двух видов: парные и непарные. Парные (в них есть открывающий и есть закрывающий) охватывают какой-либо фрагмент текста, на который и распространяется их действие. Непарные оказывают воздействие от места своего появления до конца документа или определяют разовый эффект в месте своего появления.

В документе теги изображаются в виде текста, заключенного в угловые скобки <…>. Сразу за открывающей скобкой помещается ключевое слово (имя), определяющее тег. Для закрывающих тегов перед именем ставится /.

<имя-парного-тега>текст или другие теги</имя-парного-тега>

<имя-непарного-тега>

Парные теги должны вкладываться друг в друга без пересечения. Например, <B><I>текст</I></B>.

Для уточнения или изменения действия тега он может дополняться атрибутами. У парных тегов атрибуты могут быть только в открывающем:

<имя-тега имя-атрибута1=”значение”

имя-атрибута2=”значение”…>.

Например, <H1 Align=”LEFT”>.

Парные теги вместе с заключенными между ними данными иногда называют контейнерами. Содержимым контейнера может быть элемент или группа элементов (таблица, абзац текста, заголовок и т.п.).

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

<имя-тега список-атрибутов>

содержание контейнера

</имя-тега>

Внутри контейнера могут содержаться другие контейнеры.

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

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

Подстановки. В документе могут встречаться символы, отсутствующие на клавиатуре или имеющие в синтаксисе языка специальный смысл (например, "<", ">"). Для их введения в документ в синтаксисе HTML используются подстановки (entities) двух видов: мнемонические и числовые.

Мнемонические подстановки имеют вид &мнемонический-код, например, для символа "<" подстановка выглядит так &lt, для символа "&" - &amp. Мнемонические коды определяются в стандарте языка.

В числовых подстановках вместо мнемонического кода используется десятичный числовой код требуемого символа (код символа берется из кодировки Unicode вне зависимости от кодировки основного текста документа). Например, подстановка для кириллической буквы "А" всегда имеет вид &#1040.

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

Все теги по их назначению и области действия можно разделить на следующие основные группы:

теги, определяющие структуру документа;

теги разметки и форматирования текста (абзацы, списки, таблицы, рисунки);

теги гипертекстовых ссылок и закладок;

теги форм для организации диалога;

теги вызова программ и других объектов.

В таблице 6.1 приведены наиболее часто используемые теги.

Таблица 6.1 Назначение тегов

Назначение тегов	Имя тега	Содержимое тега
Задание структуры документа	<HTML>…</HTML>	Контейнер гипертекстового документа
	<HEAD>…</HEAD>	Контейнер заголовка документа
	<BODY>…</BODY>	Контейнер тела документа
	<TITLE>…</TITLE>	Контейнер названия документа
	<FRAMESET>… </FRAMESET	Контейнер для фреймов
	<FRAME>	Фрейм
Разметка текста	<P>…</P>	Абзац текста
	<H1>…</H1> … <H6>…</H6>	Заголовки
	<UL>…</UL> <OL>…</OL> <DL>…</DL>	Списки
	<TABLE>…</TABLE>	Таблица
	<IMG>	Рисунок
Ссылки	<A>…</A>	Ссылки
Создание интерактивных элементов	<APPLET>… </APPLET>	Апплет
	<SCRIPT>…</SCRIPT>	Скрипт
	<FORM>…</FORM>	Форма