31

® Солодянкин С.И.

Министерство образования и науки Украины

МЕТОДИЧЕСКИЕ УКАЗАНИЯ

к лабораторной работе

“Основа языка разметки гипертекстов HTML”

по дисциплине

"Веб-программирование"

Армянск - 2013

СОДЕРЖАНИЕ

2. Основные положения 3

2.1. Язык разметки гипертекста HTML 3

2.1.1. Основные понятия 4

2.1.2. Структура документа 5

2.1.2. Основные контейнеры заголовка 5

2.1.3. HTML Комментарии 7

2.1.4. Escape-последовательности 8

2.1.5. Теги тела документа 8

2.1.6. Уровни заголовков <Hx> 8

2.1.7. Тег абзаца <P> 9

2.1.8. Тег преформатирования <PRE> 9

2.1.9. Разрыв строки <BR> 10

2.1.10. Неразрывная строка <NOBR> 10

2.3. Использование каскадных таблиц стилей CSS в HTML 11

2.3.1. Размещение информации о стилях 11

2.3.2. Использование каскадных таблиц стилей(CSS) 12

2.4. Гипертекстовые ссылки 16

2.4.1. URI и URL 16

2.4.2. Структура ссылок в HTML-документе 18

2.4.3. Ссылки на разделы внутри документа 18

2.5. Списки в HTML 19

2.5.1. Нумерованные списки 19

2.5.2. Ненумерованные списки 20

2.5.3. Вложенные списки 20

2.5.4. Список определений 21

2.6. Графика в HTML-документах 21

2.6.1. Тег <IMG> 21

2.6.2. Фоновые рисунки 22

2.6.3. Задание стандартных цветов 22

2.6.4. Горизонтальная линия 23

2.7. Таблицы в HTML 23

2.7.1. Основные теги таблиц 23

2.7.2.Основные атрибуты таблиц 24

2.8. Верстка HTML документов 25

2.9. Стандарт XHTML 27

2.10. Валидация HTML-документов 27

3. Порядок выполнения работы 29

4. Содержание отчёта 31

5. Контрольные вопросы 31

БИБЛИОГРАФИЧЕСКИЙ СПИСОК 32

1. Цель работы

Изучить основные понятия языка разметки гипертекстов HTML, исследовать структуру HTML-документа, приобрести практические навыки реализации Web-страниц c использованием гиперссылок, нумерованных и маркированных списков, графических элементов и таблиц.

2. Основные положения

2.1. Язык разметки гипертекста html

Язык разметки гипертекста - HyperText Markup Language (HTML) является языком, предназначенным для создания гипертекстовых документов. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием различных шрифтов, линий и других графических элементов на любой системе, их просматривающей.

В процессе развития HTML Консорциум Всемирной паутины W3C (англ. World Wide Web Consortium,) — организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины —опубликовала следующие варианты рекомендаций:

• RFC 1866 — HTML 2.0, одобренный как стандарт 22 сентября 1995 года;

• HTML 3.2— 14 января 1997 года;

• HTML 4.0— 18 декабря 1997 года;

• HTML 4.01— 24 декабря 1999 года;

• ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года.

• HTML 5 — в настоящее время находится в разработке (параллельно ведётся работа по дальнейшему развитию XHTML (Extensible Hypertext Markup Language — «расширяемый язык разметки гипертекста»). XHTML по своим возможностям сопоставим с HTML, однако предъявляет более строгие требования к синтаксису.).

Большинство документов в сети Интернет имеют стандартные элементы, такие, как заголовки, параграфы, нумерованные и маркированные списки и тп. Используя специальные теги HTML, возможно обозначать данные элементы, обеспечивая WEB-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы «прочитать» HTML-документ - это WEB-браузер, который интерпретирует теги HTML и воспроизводит на экране документ в виде, который ему придает разработчик.

HTML-теги могут быть условно разделены на две категории:

• теги, определяющие, как будет отображаться WEB-браузером содержимое документа;

• теги, описывающие общие свойства документа, такие как заголовок или автор документа;

Одно из преимуществ HTML заключается в том, что документ может быть просмотрен на WEB-брaузерах различных типов и на различных платформах.

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров.

2.1.1. Основные понятия

Все теги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тег и завершающий тег. Для примера приведем теги заголовка, определяющие текст, описывающий заголовок документа:

<TITLE> Заголовок документа </TITLE>

Завершающий тег выглядит так же, как и стартовый, но отличается от него прямым слешем перед текстом внутри угловых скобок. В данном примере тег <TITLE> говорит WEB-браузеру о начале заголовка, а тег </TITLE> - о завершении текста заголовка.

Некоторые теги, такие, как <P> (тег, определяющий абзац), не требуют завершающего тега, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.

HTML не реагирует на регистр символов, описывающих тег, и приведенный ранее пример может выглядеть следующим образом:

<title> Заголовок документа </title>

Внимание! Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-браузером при интерпретации документа. HTML-документ может включать вышеописанные элементы только если они помещены внутрь тегов <PRE> и </PRE>. Более подробно о тегах <PRE> будет написано ниже.

Многие из открывающих HTML-тегов могут содержать дополнительные параметры, называемые атрибутами, которые могут иметь значения (стандартные или устанавливаемые авторами или сценариями). Пары атрибут=значение помещаются перед закрывающей скобкой ">" начального тэга элемента. В начальном тэге элемента может быть любое число (допустимых) пар атрибут=значение, разделенных пробелами. Они могут указываться в любом порядке. Например:

<P align=left >