- •1. Цель работы
- •2. Основные положения
- •2.1. Язык разметки гипертекста html
- •2.1.1. Основные понятия
- •2.1.2. Структура документа
- •2.1.2. Основные контейнеры заголовка
- •2.1.3. Html Комментарии
- •2.1.4. Escape-последовательности
- •2.1.5. Теги тела документа
- •2.3. Использование каскадных таблиц стилей css в html
- •2.3.1. Размещение информации о стилях
- •2.3.2. Использование каскадных таблиц стилей(css)
- •2.4. Гипертекстовые ссылки
- •2.4.2. Структура ссылок в html-документе
- •2.4.3. Ссылки на разделы внутри документа
- •2.5. Списки в html
- •2.5.1. Нумерованные списки
- •2.5.2. Ненумерованные списки
- •2.5.3. Вложенные списки
- •2.5.4. Список определений
- •2.6. Графика в html-документах
- •2.6.2. Фоновые рисунки
- •2.6.3. Задание стандартных цветов
- •2.6.4. Горизонтальная линия
- •2.7. Таблицы в html
- •2.7.1. Основные теги таблиц
- •2.7.2.Основные атрибуты таблиц
- •2.8. Верстка html документов
- •2.9. Стандарт xhtml
- •2.10. Валидация html-документов
- •3. Порядок выполнения работы
- •4. Содержание отчёта
- •4.1. Цель работы.
- •4.2. Порядок выполнения работы.
- •5. Контрольные вопросы
- •Библиографический список
2.1.2. Структура документа
Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>(до него может встречаться только определение типа документа и соответствие стандарту(см. п.2.10)). Данный тег сообщает WEB-браузеру, что ваш документ написан с использованием HTML.
Тег заголовочной части документа <HEAD> должен быть использован сразу после тега <HTML> и более нигде в теле документа. Данный тег содержит общее описание документа. Избегайте размещать какой-либо текст внутри тега <HEAD>. Стартовый тег <HEAD> помещается непосредственно перед тегом <TITLE> и другими тегами, описывающими документ, а завершающий тег </HEAD> размещается сразу после окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE> Пример HTML документа </TITLE>
</HEAD>
...
2.1.2. Основные контейнеры заголовка
Основные контейнеры заголовка — это элементы HTML-разметки, которые наиболее часто встречаются в заголовке HTML-документа, т.е. внутри элемента разметки HEAD:
TITLE (заглавие документа);
BASE (база URL);
META (метаинформация);
LINK (общие ссылки);
STYLE (описатели стилей);
SCRIPT (скрипты).
Элемент разметки TITLE
Элемент разметки TITLE служит для именования WEB-страницы. Синтаксис контейнера TITLE в общем виде выглядит следующим образом:
<TITLE>название документа</TITLE>
Элемент разметки BASE
Элемент разметки BASE служит для определения базового URL(см. п 2.4) для гипертекстовых ссылок документа, заданных в неполной (частичной) форме.
Элемент разметки META
META содержит управляющую информацию, которую браузер использует для правильного отображения и обработки содержания тела документа, а также информацию используемую поисковыми системами.
Впервые контейнер META был задействован при принудительной перезагрузке документа браузером через заголовок HTTP-сообщения. В заголовке HTTP-сообщения можно указать оператор refresh. Время, заданное как параметр этого оператора, определяет интервал в секундах, после которого браузер загружает документ, определенный атрибутом URL данного оператора. В контейнере META подобный механизм реализуется следующим образом:
<META HTTP-EQUIV="Refresh" CONTENT="1;
URL=refresh.htm">
В данном случае через одну секунду после загрузки документа браузер должен инициировать загрузку страницы refresh.htm.
Для перекодировки на стороне клиента в заголовок документа необходимо включить META-тег следующего вида(документ подготовлен в кодировке cp1251):
<META HTTP-EQUIV="Content-type"
CONTENT="text/html;
CHARSET=windows-1251">
Кроме Content-type, можно указать и другие операторы. Например, запретить кэширование документа. Необходимость в этом возникает при частом обновлении. Для запрета кэширования достаточно вставить в заголовок META-тег вида:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
Pragma — это наследие HTTP 1.0. В новой версии протокола HTTP (HTTP 1.1) управление кэшированием осуществляется через оператор Cache-Control. Для получения такого же эффекта, как в случае с Pragma, в заголовке HTML-документа достаточно указать:
<META HTTP-EQUIV="Cache-Control"
CONTENT="no-cache">
С появлением роботов поисковых машин на META-тег была возложена еще одна функция — описание поискового образа документа. Собственно, для описания документа используется два META-тега. Один определяет список ключевых слов, а второй – реферат (краткое содержание документа), который отображается в качестве пояснения к ссылке на документ в отчете поисковой машины о выполненном запросе.
<META NAME="description"
http-equiv="description"
content="Описание содержания документа.">
<META NAME="keywords" HTTP-EQUIV="keywords"
CONTENT="список ключевых слов">
Элемент разметки LINK
В общем случае контейнер LINK имеет следующий вид:
<LINK [REL=тип_отношения] [HREF=URL]
[TYPE=тип_содержания]>
Для разных типов содержания действия по интерпретации этого элемента разметки будут различными.
Элемент разметки STYLE
Элемент разметки STYLE предназначен для размещения описателей стилей(см п. 2.3). В общем виде запись элемента STYLE выглядит так:
<STYLE TYPE=тип_описания_стилей>
описание стиля/стилей
</STYLE>
Элемент разметки SCRIPT
Элемент разметки SCRIPT служит для размещения кода JavaScript, VBScript или JScript. В общем виде запись контейнера выглядит следующим образом:
<SCRIPT [TYPE=тип_языка_программирования]>
JavaScript/VBScript-код
</SCRIPT>
или
<SCRIPT [TYPE=тип_языка_программирования]
[SRC=URL]>
</SCRIPT>
Существует несколько скриптовых языков: JavaScript, VBScript, JScript. По умолчанию подразумевается JavaScript.
