Гипертекст в формате HTML представляется совокупностью структурных блоков. Разметка гипертекста осуществляется элементами[2], поэтому содержание структурного блока и элементы разметки также называются элементами.
Синтаксис элемента имеет вид:
элемент:= <имя элемента [список атрибутов]> содержание элемента </имя элемента>
Элементы разметки, называемые также операторами или тэгами (tag), имеют открывающую часть, ограничиваемую парой угловых скобок <…>, и закрывающую часть, ограничиваемую символами </…>. Элемент, таким образом, включает в себя оператор разметки и содержание элемента (content) и является командой-контейнером, который выделяет и ограничивает логический объект в обособленную структурную единицу документа. Закрывающая часть оператора обязательна не для всех элементов.
Имя элемента. Имя элемента является уникальным идентификатором элемента.
Список атрибутов. Список атрибутов каждого определенного элемента содержит:
- собственные атрибуты, то есть атрибуты, присущие именно этому определенному элементу. Атрибуты этого класса будут рассматриваться при описании элементов HTML;
- общие атрибуты, то есть атрибуты, присущие некоторому множеству элементов или большинству элементов HTML. В качестве общих чаще всего используются следующие:
Общие атрибуты элементов
| Наименование атрибута | Описание атрибута |
| id | Задает уникальный идентификатор элемента. Может использоваться и как уникальный идентификатор элемента, и как метка (место назначения) при организации ссылок. Используется совместно с языками стилей и языками сценариев для организации доступа к отмеченному элементу. Атрибут определен для всех элементов за исключением <base>, <html>, <head>, <title>,<meta>, <script>, <style>. |
| class | Указывает на принадлежность элемента к классу элементов, имеющих аналогичные свойства и оформление. Например, class = “red_text”. Используются для организации связи со стилями. Применимы для всех элементов, подлежащих оформлению, за исключением <base>, <basefont>,<html>, <head>, <title>,<meta>, <param>,<script>, <style>. |
| title | Указывает краткую подсказку для элементов, которые могут появиться на странице. В IE может появиться как всплывающая подсказка. Не используется в элементах <base>, <basefont>,<html>, <head>, <title>,<meta>, <param>,<script>, <style>. |
| lang | Информация о языке. Предназначен для оформления многоязычных сайтов. Принимает значения, которые являются двухбуквенной аббревиатурой (en-английский, ru-русский, fr-французский). Не используется в элементах <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>,<script>. |
| dir | Определяет направление написания текста и данных в таблицах. В частности, написание слева направо (значение ltr задано по умолчанию) и id=rtl — текст выводится справа налево. Не используется в элементах <applet>, <base>, <basefont>, <bdo>, <br>, <frame>, <frameset>, <iframe>, <param>,<script>. |
| style | Информация о стиле форматирования |
- атрибуты для установки обработчиков событий. Все элементы, располагаемые внутри документа HTML, могут стать источниками “событий”, для которых могут быть созданы разнообразные обработчики. Возможные события в HTML допускают классификацию и разделяются на:
- клавиатурные события;
- события, генерируемые мышью;
- фокусные события;
- события, специфичные для отдельных элементов.
Все перечисленные события будут рассматриваться далее. Здесь дадим только их краткую характеристику.
Клавиатурные события происходят при нажатии клавиши. События onkeydown и onkeyup происходят при изменении состояния клавиатуры, например, при нажатии клавиши Shift или Ctrl. Событие onkeypress происходит при нажатии любой клавиши.
События, генерируемые мышью, происходят при перемещении манипулятора или при нажатии левой кнопки. События onmousedown и onmouseup происходят при нажатии и отпускании левой кнопки мыши; onclick и ondblclick — при одинарном и двойном щелчке; onmouseover и onmouseout при попадании и выходе курсора мыши из области того или иного элемента.
Все элементы, которые могут получать фокус, являются источниками фокусных событий. Эти события могут возникать при переключении фокуса как с помощью мыши, так и с клавиатуры.
Некоторые элементы являются источниками специфичных для них событий. Эти события не передаются по иерархии и имеют обработчики по умолчанию.