- •Федеральное агентство по образованию
- •302030, Г. Орел, ул. Московская, 65
- •Введение
- •Практическая работа №1. Шрифтовое оформление web-страниц, списки и таблицы в html-документах
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №2. Графические изображения. Гипертекстовые ссылки
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №3. Активные изображения (навигационные карты)
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №4. Фреймы в html-документах
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №5. Использование html-форм
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Контрольные вопросы
- •Практическая работа №6. Таблицы стилей css
- •Цель работы
- •Порядок выполнения работы
- •Содержание отчета
- •Методические указания
- •Методы связывания таблиц стилей и html-документов
- •Группирование стилей
- •Наследование стилей
- •Классы и идентификаторы стилей
- •Свойства элементов, управляемых с помощью css
- •Контрольные вопросы
- •Литература
- •Приложение а (рекомендуемое) Пример оформления титульного листа отчета по практической работе
- •Приложение б (справочное) Основные элементы таблиц стилей css
Введение
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-документов и использования каскадных таблиц стилей. Методические указания предназначены для выполнения практических работ по дисциплине «Информационные технологии» по следующим темам:
Шрифтовое оформление web-страниц, списки и таблицы в HTML-документах.
Графические изображения. Гипертекстовые ссылки.
Активные изображения (навигационные карты).
Фреймы в HTML-документах.
Использование HTML-форм.
Таблицы стилей CSS.