Структура HTML-документа, основные теги. Конструкции SGML, используемые в HTML.
Форматирование документа на языке HTML задается специальными дескрипторами (тегами). Тегом называется команда форматирования данных и заключена эта команда в угловые скобки «<» и «>». Существует две основных разновидности тегов: парные и непарные. Парный тег требует наличия закрывающего тега. Тэг называется закрывающим, так как он отменяет команду. При этом закрывающий тег отличается от открывающего тега наличием косой черты, например, . Открывающий и закрывающий теги образуют контейнер, внутри которого находится информация. Непарный тег не имеет закрывающего тега.
Любой HTML-документ содержит три основных обязательных раздела: HTML, HEAD, BODY. Рассмотрим подробнее каждый из них.
Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тегом-контейнером <HTML></HTML> и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML.
Раздел HEAD выполняет функцию рабочего заголовка HTML-документа. Он описывается парным тегом <HEAD></HEAD> Внутри этого раздела располагается служебная информация, не отображаемая в главном окне HTML-документа. Рассмотрим теги, которые содержит раздел HEAD.
- Название документа <TITLE>.
Парный тег <TITLE></TITLE> предназначен для указания имени созданному электронному документу. Следует помнить, что под именем документа в данном случае имеется ввиду не файловое наименование, а визуальный заголовок HTML-страницы.
- Связь между документами <LINK>.
Часто бывает так, что несколько документов структурно или функционально взаимосвязаны между собой. В этом случае используется тег <LINK>, который не является парным, а значит, не требует указания закрывающегося тега.
- Мета-определения <META>.
Мета определения электронного документа описываются целым рядом параметров, входящих в состав непарного тега <META> и предназначенных для описания внутренних свойств HTML-файла.
Все мета-определения, в сущности, имеют два основных типа данных: HTTP-EQUIV и NAME. Первый можно отождествить с заголовками протокола передачи гипертекстовых данных HTTP.
- Элементы <STYLE> и <SCRIPT>.
В структуру раздела документа HEAD также могут входить теги-контейнеры <STYLE></STYLE> и <SCRIPT></SCRIPT>. Первый парный тег описывает стилевые шаблоны документа, второй – содержит код исполняемых сценариев (скриптов).
Раздел BODY является одним из самых важных компонентов любого HTML-документа, т.к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя. Раздел описывается парным тегом <BODY></BODY>, внутри которого размещается большинство существующих тегов HTML. Тег <BODY> имеет ряд параметров, которые условно можно разделить на четыре основные группы: параметры фона, границ документа, текста и гиперссылок.
background - фоновый узор, указывает на адрес фонового изображения
bgcolor - Указание фонового цвета
bottommargin - устанавливает границу нижнего поля документа(в пикселях)
leftmargin - отступ слева (в пикселях)
rightmargin -отступ справа (в пикселях)
topmargin - отступ сверху (в пикселях)
link - цвет ссылок
alink - цвет активных ссылок
vlink - цвет посещенных ссылок
text - цвет текста
bgproperties = «fixed» - фон не прокручивать
scroll - устанавливает наличие или отсутствие полосы прокрутки (распознаётся только браузером Internet Explorer)
Стиль в документах HTML. Внешние таблицы стилей. Каскады таблиц стилей.
Таблицы стилей упрощают определение интервалов между строками текста, отступов, цветов, используемых для текста и фона, размера и стиля шрифтов и другой информации. HTML 4.0 обеспечивает поддержку следующих функций таблиц стилей:
- Гибкое размещение информации о стиле
Помещение таблиц стилей в отдельные файлы упрощает их повторное использование. Иногда полезно включать инструкции по представлению в документ, к которому они применяются, в начало документа или в атрибуты элементов в теле документа. Для упрощения управления стилем сайта в данной спецификации описывается использование заголовков HTTP для установки таблиц стилей, применяемых к документу.
- Независимость от языков таблиц стилей
Данная спецификация не привязывает HTML к конкретному языку таблиц стилей. Это позволяет использовать широкий диапазон таких языков, например, простые языки для большинства пользователей и более сложные для более специализированных случаев.
- Каскады
Эта возможность обеспечивается некоторыми языками таблиц стилей, такими как CSS, для объединения информации о стиле из нескольких источников. Это может быть, например, корпоративные положения о стиле, стили, общие для группы документов, а также стили, специфичные для одного документа. С использованием раздельного хранения эти таблицы стилей могут использоваться повторно, что упрощает работу авторов и повышает эффективность сетевого кэширования. Каскад определяет упорядоченную последовательность таблиц стилей, в которой правила более поздних таблиц имеют приоритет над более ранними. Не все языки таблиц стилей поддерживают каскады.
- Зависимость от устройств
Таблицы стилей, напротив, применяются к конкретным устройствам или группам устройств. Таблица стилей, предназначенная для экрана, может применяться при печати, но бесполезна для речевых браузеров. Данная спецификация позволяет Вам определить широкие категории устройств, к которым применяется конкретная таблица стилей. Это позволяет агентам пользователей избежать загрузки ненужных таблиц стилей. Языки таблиц стилей могут включать функции описания зависимости от устройств в одной таблице.
- Альтернативные стили
Авторы могут предлагать читателям несколько способов просмотра документа. Например, таблица стилей для представления компактных документов с мелким шрифтом, или таблица, задающая крупные шрифты для удобства чтения. Данная спецификация позволяет авторам указать предпочитаемую таблицу стилей, а также альтернативные таблицы для определенных пользователей или устройств. Агенты пользователей должны предоставлять пользователям возможность выбора одной из альтернативных таблиц или отключать все таблицы стилей.
HTML позволяет авторам связывать с документом любое число внешних таблиц стилей. Язык таблиц стилей определяет взаимодействие нескольких внешних таблиц стилей (например, правила «каскадов» CSS).
Авторы могут указать ряд взаимоисключающих таблиц стилей, называемых альтернативными. Пользователи могут выбирать таблицы, которые им больше нравятся. Например, автор может указать один стиль для небольших экранов, другой - для слабовидящих пользователей (например, с использованием крупного шрифта). Агенты пользователей должны предоставлять пользователям возможности выбора одной из альтернативных таблиц.
Автор может указать, что одна из альтернатив является предпочтительной. Агенты пользователей должны применять предпочитаемые автором таблицы стилей, если пользователь не выбрал другую альтернативу.
Авторы также могут указать постоянные таблицы стилей, которые агенты пользователей должны применять в дополнение к альтернативным таблицам стилей.
Авторы указывают внешние таблицы стилей с помощью атрибутов элемента LINK.
- Устанавливается в атрибуте href местоположение файла таблицы стилей. Значением атрибута href должен бытьURI.
- Устанавливается для атрибута type значение, указывающее язык связанного ресурса (таблицы стилей). Это позволяет агентам пользователей не загружать таблицы стилей, использующие неподдерживаемые языки.
- Указывается, является ли таблицы стилей постоянной, предпочитаемой или альтернативной:
- Чтобы таблицы была постоянной, устанавливается для атрибута rel значение «stylesheet», и не устанавливайте атрибут title.
- Чтобы таблица была предпочитаемой, устанавливается для атрибута rel значение «stylesheet», и таблице дается имя с помощью атрибута title.
- Чтобы указать альтернативную таблицу, устанавливается для атрибута rel значение «alternate stylesheet», и таблице дается имя с помощью атрибута title.
Каскадные языки таблиц стилей, такие как CSS, позволяют использовать информацию о стиле из нескольких источников. Однако не все языки таблиц стилей поддерживают каскады. Чтобы определить каскад, авторы указывают последовательность элементов LINK и/или STYLE. Каскад информации таблиц стилей производится в порядке указания элементов в разделе HEAD.