Лабораторная работа №1. Создание простых WEB-страниц с фреймовой структурой
Введение
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML. Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме. Следует отметить, что конечный вид HTML-документа после будет зависеть от средства воспроизведения, т.е. одни и те же документы могут по-разному выглядеть в разных браузерах, однако логическая структура документов при этом сохраняется.
Структура HTML-документа
Любой документ HTML состоит из трех частей:
1. Строки, содержащей информацию о версии HTML (элемент <!DOCTYPE>).
2. Блока заголовка документа (элемент <HEAD>).
3. Тела документа, либо содержащего непосредственно отображаемую информацию, либо определяющего набор фреймов (элемент BODY).
Вторая и третья части должны быть вложены в контейнер <HTML></HTML>. Все перечисленные элементы являются опциональными. Для всех остальных элементов HTML открывающий тег обязателен.
В заголовке документ может иметь элемент <TITLE>. Этот элемент используется для определения содержания документа. Большинство браузеров отображают строку, размещенную внутри элемента <TITLE> в качестве заголовка окна.
Также заголовок может содержать некоторое количество элементов <META>. Элемент <МЕТА> используется для включения различной информации о документе, а также предоставляет возможность сообщать дополнительные инструкции как клиентской части (браузеру), так и серверной. Элемент <META> может определять свойства с произвольными именами и присваивать им произвольные значения. Вместе с тем ряд свойств являются общепринятыми:
Author – автор документа.
Copyright – информация об авторском праве.
Description – описание документа (для поисковых машин).
Generator – название программы, с помощью которой создавался документ.
Keywords – ключевые слова (для поисковых машин).
Пример простейшего HTML-документа:
Фреймы
Помимо обычных HTML-документов, существуют также и фреймсодержащие. В отличие от обычных документов они не содержат никакой информации для предоставления пользователю, а служат для разделения рабочей области браузера на несколько отдельных окон, в которые и загружаются несущие информацию документы.
Фреймсодержащий документ не может нести в себе часть BODY, она заменяется элементом FRAMESET. При этом в окно браузера выводятся документы, указанные в элементах FRAME из набора FRAMESET.
Элемент FRAMESET определяет набор создаваемых фреймов и их расположение в окне браузера. Каждому конкретному фрейму соответствует элемент FRAME, располагаемый между открывающим и закрывающим тэгами FRAMESET. Расположение фреймов указывается при помощи атрибутов COLS и ROWS. Значения атрибутов указываются в пикселях, процентах либо в относительных указателях. Значения перечисляются через запятую.
Следующий документ формирует страницу с тремя фреймами, как показано на рисунке:
Существует несколько зарезервированных для специального использования имен фреймов. Эти имена начинаются с символа подчеркивания:
_self - указывает на то же окно/тот же фрейм, откуда вызывается функция.
_blank - указывает на новое окно.
_parent - указывает на родительское по отношению к текущему окно.
_top - указывает на самый верхний фрейм в окне.
Ссылки
Ссылки – один из самых часто используемых элементов, лежащий в основе концепции гипертекста. Ссылки задаются при помощи элемента (тэга) <a>. В зависимости от присутствия атрибутов name или href тег <a> устанавливает ссылку или якорь.
Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. Синтаксис задания якоря:
<a name="link1">Первая закладка</a>
В качестве значения атрибута href используется идентификатор ресурса, или URI – Universal (или Uniform) Resource Identifier, универсальный идентификатор ресурса. Адрес ссылки может быть абсолютным и относительным.
Абсолютный адрес состоит из адреса хоста сетевого ресурса, или URL (Uniform Resource Locator) и адреса ресурса (файла) в локальном пространстве имен, или URN (Uniform Resource Name). Абсолютные ссылки позволяют указать на любой ресурс или файл в пределах всей сети Интернет из любого места. Пример абсолютной ссылки:
Абсолютные ссылки могут указывать только на сетевые ресурсы, т.е. ресурсы, доступные по сетевому протоколу HTTP или FTP.
Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта. Они представляют собой аналог пути к файлу в локальной файловой системе и имеют сходный синтаксис. Пример относительной ссылки:
Относительные ссылки используют для перехода между разными документами сайта. Это позволяет размещать сайт на хосте с произвольным именем, при этом относительные ссылки всегда будут работать правильно.
При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри страницы. Имя якоря добавляется в конце абсолютной или относительной ссылки после символа «#»:
<a href=«http://htmlbook.ru/html/a/href#link1»>Ссылка на якорь</a>
При использовании фреймов бывает необходимо сделать так, чтобы объект, на который указывает ссылка из одного фрейма, был открыт в другом фрейме. Для этого в элементе <a> используется атрибут target=”имя_фрейма”, например:
<a href=«http://htmlbook.ru/html/a/href» target=”frame_name” >Открыть в другом фрейме</a>
Допускается использование зарезервированных имен. Например, использование атрибута target=”_top” при указании ссылки на фреймосодержащий документ позволяет загрузить во все фреймы документа те страницы, который указаны в свойстве source каждого элемента <frame>.
Элемент BASE позволяет указать базовый URI, который будет использоваться как старшая часть всех относительных ссылок в документе:
<BASE href = "http://www.host.ru/mydir">
Элемент BASE также позволяет указать имя фрейма, в котором будут открываться ссылки данного документа:
<BASE target = "frame_name">
Если в документе явно отсутствует элемент BASE, то браузер автоматически назначает для него атрибут HREF, равный URI данного документа, и атрибут TARGET, равный _self.
