Описание языка HTML. Теги языка HTML и их свойства.
Описание языка HTML. Теги языка HTML и их свойства.
1. Документ HTML.
Документ HTML представляет собой файл типа html или htm, находящийся на сервере Интернета, в локальной сети или на жестком диске. Этот файл содержит обычный текст и текстовые команды разметки, называемые тегами. С помощью тегов можно решить две основные задачи:
- управлять содержимым документа, включая форматирование текста, разметку заголовков, создание списков и таблиц;
- управлять связями документа с другими ресурсами (изображениями, таблицами стилей, внешними программами, сторонними Web-страницами).
Теги HTML не задают определенные и точные атрибуты форматирования документа, как, например, Microsoft Word. Конкретный вид документа окончательно определяет только программа-браузер на компьютере. Необходимость такого подхода связана с разнородностью аппаратного и программного обеспечения устройств, подключенных к Интернету. HTML — не язык программирования, хотя Web-страницы могут как сами являться результатом работы серверных программ, так и включать в себя специально подготовленные клиентские программы — скрипты и апплеты.
2. Теги языка HTML и их свойства.
Тег HTML имеет общий вид
<имя>содержимое</имя>
и действует на все, что расположено между парами треугольных скобок. Все теги, имеющие содержимое, должны закрываться,причем закрывающая часть </имя> отличается от открывающей <имя> только наличием символа /. Теги могут вкладываться друг в другаиерархически, но без пересечений, т. е. допустимо вложение вида <тег1><тег2></тег2></тег1>, но не <тег1><тег2></тег1></тег2>. Тег вместе с содержимым часто называют элементом HTML.
Действие вложенных тегов может объединяться, т. е. если внутрь тега, создающего полужирное начертание шрифта, мы вложим тег курсива, то должен получиться полужирный курсив. Аналогично, внутрь тега, создающего ячейку таблицы, мы можем вставить тег подключения картинки — и картинка окажется внутри ячейки. HTML предоставляет большую свободу обращения с тегами, но существуют и ограничения — нельзя же вложить старшую матрешку внутрь младшей!
Теги делятся на блочные (block-level) и текстовые (inline). Первые могут содержать как текстовые, так и другие блочные теги. При отображении они всегда выводятся с новой строки. Вторые могут содержать только текст и другие текстовые теги, но не блочные. При отображении они выводятся в текущей строке.
Теги, имеющие содержимое и нуждающиеся в закрывающей части, называют контейнерными, а теги без содержимого и закрывающей части — унарными.
Внутри открывающей части большинство тегов содержит атрибуты, называемые также параметрами или опциями. Все эти названия просто означают команды, уточняющие действие тега. Какой ширины должна быть ячейка таблицы, формируемая тегом? Где хранится картинка, которую тег должен отобразить? На эти и многие другие вопросы отвечают атрибуты, всегда находящиеся в открывающей части тега. Атрибуты имеют общий вид имя=значение и разделяются между собой хотя бы одним пробелом, символом табуляции или перевода строки. Если значение атрибута состоит из одного слова, символы двойных кавычек можно не писать, хотя стандарт рекомендует указывать их всегда. Например, элемент вида
<р align=justify>Hello</p>
описывает контейнерный тег с именем р, имеющий один атрибут с именем align и значением justify Содержимое тега строка текста Hello.
В закрывающей части тега атрибуты не применяются.
Названия всех тегов и атрибутов нечувствительны к регистру символов. Тем не менее, лучше придерживаться единообразного их написания.
У каждого тега имеется набор допустимых для него атрибутов. Для многих атрибутов также заранее известен набор значений, которые они могут принимать. Чаще всего атрибуты можно пропускать, тогда браузер выводит документ, придерживаясь правил, принятых по умолчанию. Существуют и обязательные атрибуты. Например, тег вставки картинки не сможет ее найти, если в атрибуте src не будет указано ее местоположение. Как правило, порядок следования атрибутов, допустимых для данного тега, может быть произвольным.
HTML довольно демократичен, неправильный тег, лишний атрибут, недопустимое вложение тегов обычно просто игнорируются браузером и не приводят к зависаниям или сообщениям об ошибках. Разумеется, при этом может произойти неправильное форматирование документа.
3. Общая структура HTML-документа.
HTML-документ состоит из трех основных частей:
- строка декларации типа документа;
- заголовок документа, заключенный в тег <head></head>;
- тело документа, заключенное в тег <body></body> или <frameset></ frameset>.
Заголовок и тело документа заключаются в объединяющий их тег
<html >< / html >.
Строка декларации является служебной и указывает на стандарт разработки документа. Для документа, строго соответствующего стандарту HTML 4.0, она представляется унарным тегом вида
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0//EN>.
На сегодняшний день поддержка деклараций рекомендуется стандартами, но редко реализуется Web-мастерами, в дальнейшем мы будем ее пропускать.
Заголовок в теге <head> содержит информацию об общих свойствах документа. Содержимое тега <head> непосредственно не отображается в окне браузера, однако используется браузером при работе с файлом. Заголовок может включать в себя следующие теги:
- титул окна документа (тег <title>);
- метатеги документа (теги <meta>);
- базовый адрес для ссылок (тег <base>);
- связь с другими документами (теги <link>);
- встроенные таблицы стилей для оформления (тег <style>);
- встроенные программы-сценарии клиента (теги <script>).
Из всех этих тегов нам необходим пока только <title>. <title> представляет собой контейнерный тег без атрибутов, его содержимым может быть любая строка текста, не содержащая других тегов. Именно эта строка будет выведена браузером в заголовке окна или вкладки. Содержимое тега <title> должно кратко отражать суть документа, его рекомендуемый размер — не более 60-80 символов. При добавлении ссылки на документ в папку Избранное браузера именем новой закладки становится именно содержимое тега <title>. Многие браузеры создают для каждой закладки отдельный файл, поэтому внутри тега <title> нежелательны символы двойных кавычек, <,>,&, !, ? и другие знаки, недопустимые в именах файлов. Составление правильных <title> и других заголовочных тегов — целое искусство. Пока же просто не будем забывать, что заголовок в теге <title> — самый главный.
Тело документа содержит теги, предназначенные для отображения браузером, и ограничено контейнерным тегом <body></body> или <frame-set></frameset>, если документ разбит на несколько окон-фреймов.