на главную
Язык разметки гипертекста HTML

Синтаксис HTML

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

Элементы условно можно разделить на две группы. Большинство элементов (называемые также контейнерами) задаются с помощью трех компонентов: начальный тег, содержимое и конечный тег. В начальном теге в угловых скобках указывается имя элемента и список атрибутов, в конечном - только имя элемента, предваряемое символом слэш ( / ). Содержимое элемента располагается между начальным и конечным тегами и интерпретируется браузером согласно правилам, определенным в спецификации стандарта HTML. Например, элемент b ( от английского bold ) задает полужирное начертание для текста, расположенного между тегами <b> и <b>. Некоторые элементы могут вкладываться друг в друга, например, вложение элемента b (полужирное начертание) в элемент i (курсив) обеспечит полужирный курсив; фрагмент документа

начало текста <i>один <b>два</b> три</i> продолжение текста
 
будет отображен браузером так:
 
       начало текста один два три продолжение текста

Элементы другой группы (называемые также автономными) не имеют содержимого и конечного тега. При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег <img src="pict.gif"> , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict.gif .

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

Встретив такой тег в HTML-документе, браузер интерпретирует его, выводя изображение из файла cat . jpg , шириной 300 и высотой 200 пикселов. Кстати, элемент img относится к числу «автономных» и не имеет конечного тега. Я привожу его в качестве примера, поскольку он крайне актуален, а смысл его атрибутов прозрачен.

Для полноты картины приведем пример и актуального элемента-контейнера, имеющего содержимое и, соответственно, требующего конечного тега. Это элемент p , определяющий абзац. Из общих соображений понятно, что у абзаца, по крайней мере, должен быть атрибут, определяющий выравнивание текста (по левому краю, по правому краю, по центру, по ширине страницы). Естественно, в HTML для абзаца предусмотрен соответствующий атрибут, и он называется align . Начальный тег объявляет новый абзац с указанным выравниванием, потом идет содержимое абзаца (текст, встроенные изображения и т.д.), конечный тег объявляет конец абзаца. Например, так:

<p align=”right”>
  ... текст ... 
</p> 

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

Регистр символов в записи имен элементов и имен атрибутов значения не имеет, а вот значения атрибутов могут быть регистрозависимыми. Например, регистр важен при указании путевых имен файлов.

Регистр символов в записи имен элементов и имен атрибутов значения не имеет, а вот значения атрибутов могут быть регистрозависимыми.