- •Содержание
- •1. Цель работы
- •2. Основные положения
- •2.1. Основы html
- •2.1.1. Основные понятия
- •2.1.2. Структура документа
- •2.1.8. Центрирование элементов документа
- •2.1.3.Комментарии
- •2.1.4. Escape-последовательности
- •2.1.5. Теги тела документа
- •2.2. Управление шрифтами в html
- •2.2.1. Стили шрифта
- •2.2.2. Размер шрифта
- •2.2.3. Цвет шрифта
- •2.3. Использование каскадных таблиц стилей css в html
- •2.3.1. Размещение информации о стилях
- •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.Основные атрибуты таблиц
- •3. Порядок выполнения работы
- •4. Содержание отчёта
- •4.1. Цель работы.
- •4.2. Порядок выполнения работы.
- •5.Контрольные вопросы
- •Библиографический список
- •Приложение
2.1.1. Основные понятия
Все теги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тег и завершающий тег. Для примера приведем теги заголовка, определяющие текст, описывающий заголовок документа:
<TITLE> Заголовок документа </TITLE>
Завершающий тег выглядит так же, как и стартовый, но отличается от него прямым слешем перед текстом внутри угловых скобок. В данном примере тег <TITLE> говорит WEB-браузеру о начале заголовка, а тег </TITLE> - о завершении текста заголовка.
Некоторые теги, такие, как <P> (тег, определяющий абзац), не требуют завершающего тега, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.
HTML не реагирует на регистр символов, описывающих тег, и приведенный ранее пример может выглядеть следующим образом:
<title> Заголовок документа </title>
Внимание! Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-браузером при интерпретации документа. HTML-документ может включать вышеописанные элементы только если они помещены внутрь тегов <PRE> и </PRE>. Более подробно о тегах <PRE> будет написано ниже.
Многие из открывающих HTML-тегов могут содержать дополнительные параметры, называемые атрибутами, которые могут иметь значения (стандартные или устанавливаемые авторами или сценариями). Пары атрибут=значение помещаются перед закрывающей скобкой ">" начального тэга элемента. В начальном тэге элемента может быть любое число (допустимых) пар атрибут=значение, разделенных пробелами. Они могут указываться в любом порядке. Например:
<P align=left >
2.1.2. Структура документа
Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тег, который встречается в документе, должен быть тегом <HTML>. Данный тег сообщает WEB-браузеру, что ваш документ написан с использованием HTML.
Тег заголовочной части документа <HEAD> должен быть использован сразу после тега <HTML> и более нигде в теле документа. Данный тег содержит общее описание документа. Избегайте размещать какой-либо текст внутри тега <HEAD>. Стартовый тег <HEAD> помещается непосредственно перед тегом <TITLE> и другими тегами, описывающими документ, а завершающий тег </HEAD> размещается сразу после окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE> Пример HTML документа </TITLE>
</HEAD>
...
Внимание! Технически, стартовые и завершающие теги типа <HTML>, <HEAD> и <BODY> необязательны. Но настоятельно рекомендуется их использовать, поскольку использование данных тегов позволяет WEB-браузеру уверенно разделить заголовочную часть документа и непосредственно содержательную часть.
2.1.2. Заголовок документа <TITLE>
Большинство WEB-браузеров отображают содержимое тега <TITLE> в заголовке окна, содержащего документ и в файле закладок, если он поддерживается WEB-браузером. Заголовок, ограниченный тегами <TITLE> и </TITLE>, размещается внутри <HEAD>-тегов, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.
