Введение. Web-страницы создаются с помощью языка HTML – HyperText Markup Language (язык разметки гипертекста)

Web-страницы создаются с помощью языка HTML – HyperText Markup Language (язык разметки гипертекста). Именно этот язык используют специальные программы при создании документов в Internet, например программы Macromedia Dreamweaver и Microsoft Frontpage. Браузеры при просмотре web-страниц также интерпретируют HTML-документы.

Несмотря на существование программ, позволяющих создавать и редактировать web-страницы визуально, знать язык HTML полезно: «ручная» подготовка документа на HTML может обеспечить более эффективный код. Кроме того, программы редактирования HTML-документов могут поддерживать не все возможности последней версии языка HTML. Также иногда быстрее внести изменения в документ, отредактировав его «вручную».

Язык HTML предоставляет простой набор команд, описывающих структуру документа. Данный язык позволяет выделить в документе отдельные элементы – заголовки, абзацы, таблицы и т.д. В данных методических указаниях рассматриваются основные элементы языка HTML 4.0.

HTML-документ представляет собой обыкновенный текстовый файл. Элементы языка, которые управляют отображением текста, называются тегами. Теги заключаются в угловые скобки < и >.

Многие теги HTML являются парными: за открывающим тегом следует закрывающий тег, а между ними содержится текст или другие теги. Закрывающий тег содержит символ слеш /, например, конечным для тега <b> будет </b>. Открывающий и закрывающий теги, а также часть документа, заключенная между ними, образует блок (контейнер), называемый элементом HTML. Некоторые теги, например, <hr>, являются одиночными (атомарными), и для них нет закрывающего тега.

Теги могут иметь атрибуты – параметры с дополнительной информацией о том, как браузер должен обрабатывать текущий тег, например, можно указать тип выравнивания текста. Атрибут тега состоит из имени, например, name (имя), знака равенства = и значения, которое задается строкой символов, например, name = “элемент1”. Значение атрибута может записываться как в кавычках, так и без них. Если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки иногда опускают. Атрибуты в теге отделяются друг от друга пробелами, при этом их порядок следования произволен. Атрибуты могут быть обязательными и необязательными.

Язык HTML не различает большие и малые буквы, так что теги <b> и <B> эквивалентны. В тегах могут использоваться только символы латинского алфавита, а в значениях атрибутов – любые символы. Если в качестве значений атрибута применяются русские символы, то они должны быть заключены в кавычки. Следует отметить, что неверно записанный тег или его параметр игнорируется браузером.

Данные методические указания содержат подробное описание основ построения HTML-документов и использования каскадных таблиц стилей. Методические указания предназначены для выполнения практических работ по дисциплине «Информационные технологии» по следующим темам:

1 Шрифтовое оформление web-страниц, списки и таблицы в HTML-документах.

2 Графические изображения. Гипертекстовые ссылки.

3 Активные изображения (навигационные карты).

4 Фреймы в HTML-документах.

5 Использование HTML-форм.

6 Таблицы стилей CSS.