Кратко о HTML, JavaScript и WWW

         

Кратко о HTML, JavaScript и WWW.


Фреймы

Создание многооконного интерфейса

Использование HTML для определения полей заголовка сообщения протокола HTTP

Программирование сценариев просмотра. JavaScript

Идущие часы и бегущая строка

Массивы

Графика

Стеки гипертекстовых ссылок

Фреймы и окна

Наследование кода скриптов различными страницами

Java, JavaScript и модули расширения

Расширение возможностей создания таблиц

Заключение

Волна бурного развития технологий World Wide Web не обошла стороной и средства управления сценариями просмотра гипертекстовых баз данных. Сегодня авторы домашних страниц Web получили в свое распоряжение новые языки JavaScript и VBScript. Темой данной статьи станет краткое рассмотрение некоторых возможностей HTML и JavaScript, используемых для программирования сценариев просмотра страниц Web.

Как известно, язык гипертекстовой разметки HTML (HyperText Markup Language) был предложен Тимом Бернерсом-Ли в 1989 году в качестве одного из компонентов технологии разработки распределенной гипертекстовой системы World Wide Web. В основу гипертекстовой разметки была положена таговая модель описания документа, позволяющая представить документ в виде совокупности элементов, каждый из которых окружен тагами. По своему значению таги близки к понятию скобок "begin/end" в универсальных языках программирования и задают области действия имен локальных переменных, определяют область действия правил интерпретации текстовых элементов документа и т.п.

Общая схема построения элемента текста в формате HTML может быть записана в следующем виде:

"элемент":= <"имя элемента" "список атрибутов"> содержание элемента </"имя элемента">

Конструкция перед содержанием элемента называется тагом начала элемента, а конструкция, расположенная после содержания элемента, - тагом конца элемента.

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка - это адрес другого HTML документа или информационного ресурса Internet, который тематически, логически или каким-либо другим способом связан с документом, в котором эта ссылка определена.


Для записи гипертекстовых ссылок в системе WWW была разработана специальная форма - Universe Resource Locator. Типичным примером использования этой записи можно считать следующую запись:

Этот текст содержит <A HREF = "http://polyn.net.kiae.su/ altai/index.html"> гипертекстовую ссылку </A>.

Здесь элемент "A", который в HTML называют якорем (anchor), использует атрибут "HREF", обозначающий гипертекстовую ссылку для записи этой ссылки в форме URL. Данная ссылка указывает на документ с именем "index.html" в каталоге "altai" на сервере "polyn.net.kiae.su", доступ к которому осуществляется по протоколу "http".

Структура HTML-документа позволяет использовать вложенные друг в друга контейнеры. Собственно, сам документ - это один большой контейнер с именем "HTML":

<HTML> Содержание документа </HTML>

Сам элемент HTML или гипертекстовый документ состоит из заголовка документа (HEAD) и тела (BODY):

<HTML> <HEAD>

Содержание заголовка

</HEAD> <BODY>

Содержание тела документа

</BODY> </HTML>

Приведенная форма записи определяет классический HTML-документ, например:

Пример 1.

<HTML> <!- Author: Irina Kuzina Date: December 5, 1996 -> <HEAD> <TITLE> This is a Baner</TITLE> </HEAD> <BODY BACKGROUND=www_wall.jpg VLINK=0000FF LINK=FF0000> <CENTER> <TABLE> <TR><TD><IMG SRC="interne0.jpg"></TD> <TD CENTER> <H3> Администрирование Internet</H3> <I> Справочное руководство. </I> </TD></TR> </TABLE> </CENTER> </BODY> </HTML>

Каждый документ в WWW имеет свое имя, которое указывается в его заголовке. Его можно видеть в первой строке программы-интерфейса. Контейнер BODY открывает тело документа. В качестве фона в этом элементе определена картинка www_wall.jpg, которая в примере 1 задана частичной формой спецификации URL без указания полного адреса ресурса в сети. Далее в документе определена таблица, состоящая из двух ячеек: картинка и текстовый фрагмент. Текст определен как заголовок третьего уровня, который должен отображаться стилем Italic.


Содержание раздела