ЛЕКЦИЯ 10. Введение в язык HTML

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

Автономные Web-документы используют язык HTML (HyperText Markup Language - язык разметки гипертекста). Гипертекст, то есть расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка НТМL.

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернет и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или просто «прочитан» программой синтеза речи. Разметка HTML во всех этих случаях должна быть принята во внимание. Поэтому язык HTML предназначен не для форматирования документа, а для его функциональной разметки. Например, документы обычно начинаются с заголовков. Свойство части документа «быть заголовком» - это не особенность форматирования документа, а характеристика его содержания. Конкретное средство отображения документа (браузер) выбирает свой способ представления части документа, описанной как заголовок.

Современная версия HTML 4.0 может в настоящий момент рассматриваться как «окончательная» редакция языка HTML, содержащая все необходимое для функциональной разметки документа. Недостаток оформительских средств и средств обеспечения интерактивности восполняется внешними по отношению к HTML средствами, такими как списки стиля и динамические сценарии.

Если говорить о создании документов HTML, то можно представить себе два способа их формирования. Первый состоит в разметке существующего (или создаваемого) документа вручную. При этом автор или редактор добавляет в документ теги разметки. Эту работу можно выполнять в текстовом редакторе или редакторе HTML, имеющем специальные элементы управления для упрощения ввода тегов. В обоих этих случаях работа ведется средствами языка HTML, и человек, выполняющий эту работу, должен знать и уметь применять этот язык.

В настоящей лекции будут рассмотрены структура документа HTML; основные теги языка HTML, позволяющие форматировать размещения текста и изображения; работа в редакторе FrontPage и порядок публикации Web-документов в сети Интернет.

Ключевые слова: HTML, структура HTML-документа, публикация Web-документа, гипертекст, тег, парные теги, атрибуты, гипертекстовая ссылка, списки, фреймы, таблицы в HTML-документах, FrontPage, Web-страница, Web-сайт и Web-узел, домен, трафик, хостинг, провайдер.

Структура документа HTML

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры.

Тегами называются управляющие конструкции языка HTML, которые вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <...>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <DIV>. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта) перед ключевым словом (</DIV>). Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения.

<В><I>На этот текст воздействуют два тега</I></В>

Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты добавляются только к открывающему тегу. Атрибуты представляют собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами, и размещаемые до завершающего тег символа «>». Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом «=» (знак равенства) и заключается в кавычки.

<Н1 ALIGN="LEFT">

Определение HTML как языка разметки основывается на том, что при удалении из документа всех тегов получается текстовый документ, совершенно эквивалентный по содержанию исходному гипертекстовому документу. Таким образом, при отображении документа HTML сами теги не отображаются, но влияют на способ отображения остальной части документа.

Подготовка файлов для web-страницы.Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE. Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространённым стандартом без каких-либо неопределённостей.

После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывается тегом <HTML> и им же закрывается </HTML>. Затем, между тегами <HTML> и </HTML> следует разместить заголовок и тело документа.

Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>.

Основное содержание размещается в теле документа, которое ограничивается парным тегом <BODY>. Строго говоря, положение структурных тегов в документе нетрудно определить, даже если они опущены. Поэтому стандарт языка HTML требует только наличия тега <TITLE> (и, соответственно, </TITLE>). Тем не менее, при создании документа HTML опускать структурные теги не рекомендуется. Простейший правильный документ HTML, содержащий все теги, определяющие структуру, может выглядеть следующим образом (рис. 10.1):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<TITLE> Личная страничка 11-Б уч. гр. ВИ МВД РФ </TITLE>

</HEAD>

<BODY>

Всем привет!

Эта страничка посвящена 11-б учебной группе специального факультета Воронежского института МВД России.

</BODY>

</HTML>

Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такую часть документа рассматривают как элемент языка HTML. Так, можно говорить об «элементе BODY», включающем тег <BODY>, основное содержание документа и закрывающий тег </BODY>. Весь документ HTML можно рассматривать как «элемент HTML». Для непарных тегов элемент совпадает с тегом, который его определяет.

Рис. 10.1. Простейший HTML-документ

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

Теперь можно сформулировать правила вложения элементов.

• Элементы не должны пересекаться. Другими словами, если открывающий тег располагается внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента.

• Блочные элементы могут содержать вложенные блочные и текстовые элементы.

• Текстовые элементы могут содержать вложенные текстовые элементы.

• Текстовые элементы не могут содержать вложенные блочные элементы.

Строго говоря, все правила языка HTML можно рассматривать исключительно как «пожелания». Средство, используемое для отображения Web-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.

Основные теги языка HTML

Тело документа. BODY -указывает начало и конец тела HTML-документа. Элемент BODY должен встречаться в документе не более одного раза.

Атрибуты:

MARGINHEIGHT – определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape.

TOPMARGIN – определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer.

MARGINWIDTH – определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape.

LEFTMARGIN – определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer.

BACKGROUND – определяет изображение для «заливки» фона. Значение задаётся в виде полного URL или имени файла с картинкой в формате GIF или JPG.

BGCOLOR – определяет цвет фона документа.

TEXT – определяет цвет текста в документе.

LINK – определяет цвет гипрессылок в документе.

ALINK – определяет цвет подсветки гиперссылок в момент нажатия.

VLINK – определяет цвет гиперссылок на документы, которые уже были просмотрены.

Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

Например, <BODY BACKGROUND="fon.jpg" BGCOLOR="silver" TEXT="black" LINK="blue" VLINK="fuchsia" TOPMARGIN="30" LEFTMARGIN="40">. Данные атрибуты производят установку параметров web-страницы: в качестве фонового рисунка - fon.jpg; цвет текста - черный; цвет гиперссылки до просмотра - синий, после просмотра – розовый; ширина верхнего и нижнего полей документа - 30 пк, левого и правого - 40 пк.

Тег <! --текст комментариев-->- используется для создания комментариев в любой части документа. Все, что находится внутри
<!-- -->, будь то элемент или текст – будет проигнорировано браузером (т.е. не будет обрабатываться и выводиться на экран).

Текстовые блоки.В большинстве документов основными функциональными элементами являются заголовки и абзацы (рис. 10.2). Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от <Н1> до <Н6>.При отображении Web-документа на экране компьютера эти элементы показываются при помощи шрифтов разного размера.

Атрибуты данного тега:

ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

Обычные абзацы (параграфы) задаются с помощью парного тега <Р>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </Р> рассматривается как необязательный. Подразумевается, что он стоит перед тегом, который задает начало очередного абзаца документа. Например:

<Н1 ALIGN ="center">Министерство внутренних дел</Н1>

<Н2 ALIGN ="center" >Воронежский институт</Н2>

<Р ALIGN ="left" >Первый абзац<Р ALIGN ="right" >Второй абзац

Рис. 10.2. Заголовки и абзацы

Следствием наличия специального тега, определяющего абзац (параграф), является тот факт, что обычного символа конца строки, вводимого по нажатию клавиши <ENTER>, для создания абзацного отступа недостаточно. Язык HTML рассматривает символ конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символов конца строки, при отображении документа рассматривается как одиночный пробел. Это, в частности, означает, что символ конца строки даже не осуществляет перехода на новую строку (для этой цели используется текстовый элемент, задаваемый непарным тегом <BR>).

В качестве ограничителя абзацев может также использоваться горизонтальная линия. Этот элемент задается непарным тегом <HR>. При отображении документа на экране линия разделяет части текста друг от друга (рис. 10.3). Ее длина и толщина задается атрибутами тега <HR>:

ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.

SIZE - ширина линии в пикселях.

WIDTH - длина линии.

Например, <HR ALIGN="RIGHT" SIZE="20" WIDTH="100%">

Этот тег создает горизонтальную линию шириной в 20 пикселей, занимающую всю (100%) ширину окна и расположенную справа.

Тег <DIV> - отделяет блок HTML-документа от остальной его части.

Гипертекстовая ссылка (рис. 10.3) является фрагментом текста документа и поэтому задается текстовым элементом, определяемым при помощи парного тега <А> (Anchor). Этот элемент содержит обязательный атрибут, который не может быть опущен. В данном случае обязательным является атрибут HREF= (знак равенства показывает, что необходимо задать значение этого атрибута.) Некоторые значения атрибута HREF:

http://... – создаёт ссылку на www-документ;

ftp://... – создаёт ссылку на ftp-сайт или расположенный на нём файл;

mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделённые знаком «&»;

Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки.

Например, URL <A HREF="docs/title.html">Документация</A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего каталога).

Рис. 10.3. Гипертекстовые ссылки и графические иллюстрации

Другие атрибуты тега <A>:

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с атрибутом HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов (окон), либо одно из зарезевированных имён, например:

_self – указывает, что определённый в атрибуте HREF документ должен отображаться в текущем окне (фрейме);

_blank – указывает, что документ должен отображаться в новом окне.

Полный формат гиперссылки включает возможность ссылки на определенное место внутри страницы. Но это можно сделать для страниц собственной разработки, пометив соответствующее место при помощи якоря. Якорь задается также при помощи парного тега <А>, но в роли обязательного выступает атрибут NAME=. Значение этого атрибута - произвольная последовательность латинских букв и цифр (пробелы недопустимы), рассматриваемая как имя якоря. Для ссылки на якорь его имя указывается в конце адреса URL после символа «#».

<A HREF="index.htm#address1">

Графические иллюстрации (рис. 10.3) в большинстве случаев являются неотъемлемой частью Web-документов. Сегодня графические элементы Web-страниц используют два основных формата - GIF или JPEG (допустим также формат PNG, который, однако так и не получил широкого распространения). Все графические браузеры, предназначенные для отображения Web-страниц на экране компьютера, способны распознавать и отображать файлы этих форматов.

При выборе формата изображения в первую очередь принимают во внимание объем получающегося файла и во вторую - качество изображения. При загрузке Web-документа большую часть времени занимает именно загрузка иллюстраций, так что любая экономия только приветствуется.

Рисунки хранятся на Web-узлах в отдельных файлах, но отображаются как элементы Web-страниц. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG>. Тег <IMG> должен содержать обязательный атрибут SRC=, задающий адрес URL файла с изображением в относительной или абсолютной форме.

<IMG SRC="emblema.jpg">

Другие атрибуты тега <IMG>:

HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE – определяют отступ картинки (в пикселях) по горизонтали и вертикали от других объектов документа. Это просто необходимо при обтекании изображения текстом.

ALIGN – обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа;

right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева;

top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки;

middle – выравнивает базовую линию текущей текстовой строки с центром изображения;

absmiddle – выравнивает центр текущей текстовой строки с центром изображения;

bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки;

absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если Вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT – определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задаётся текст с описанием изображения.

BORDER – определяет ширину рамки вокруг изображения в пикселях. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

Форматирование текста. Управление форматированием текста не является основной задачей языка HTML, и поэтому текстовые элементы, выполняющие эту задачу, начиная с версии 4.0 рассматриваются как устаревшие, и их использование не рекомендуется. Однако они все еще предоставляют удобный способ управления видом документа на экране компьютера. Элементы (парные теги) форматирования текста:

BASEFONT - определяет основной шрифт, которым должен отображаться текст документа. Помещается один раз внутри элемента BODY. Он может использовать такие же атрибуты, что и тег <FONT> (см. ниже).

FONT - позволяет изменять цвет, размер и тип шрифта текста.

I - выделяет текст курсивом.

EM - используется для смыслового выделения текста (курсивом).

B - выделяет текст жирным шрифтом.

STRONG - усиленное выделение текста (жирным).

U - выделяет текст подчеркнутым.

S, STRIKE - выделяет текст перечеркнутым.

BIG - отображает текст увеличенным шрифтом (относительно текущего).

SMALL - отображает текст уменьшенным шрифтом (относительно текущего).

SUP - отображает текст со сдвигом вверх (верхний индекс).

SUB - отображает текст со сдвигом вниз (нижний индекс).

CODE, SAMP - оформляют текст как формулу или программный код.

TT - отображает текст моноширинным шрифтом.

KBD - выделяет текст, который предлагается набрать на клавиатуре.

VAR - используется для обозначения в тексте переменных.

CITE - оформляет текст как цитату или ссылку на источник.

ТегFONT - позволяет изменять цвет, размер и тип шрифта текста, находящегося между начальным и конечным тегами. Вне тегов <FONT> и </FONT> используется шрифт, указанный в элементе BASEFONT.

Атрибуты тега <FONT>:

SIZE – определяет размер шрифта. Возможные значения:

– целое число от 1 до 7;

– относительный размер с указанием знака, вычисляется путем сложения с базовым размером, определенным с помощью атрибута SIZE элемента BASEFONT.

COLOR – определяет цвет текста. Задаётся либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

FACE – определяет используемый шрифт.

Например,

<FONT SIZE="4" FACE="Times New Roman" COLOR="Blue">

<I>

<H4 ALIGN="center"> Личная страничка студента 11-Б уч. группы Иванова С.А. </H4>

</I>

</FONT>

Списки. Язык HTML поддерживает пять видов списков, из которых два (списки меню и списки каталогов) считаются устаревшими и не рекомендуются к применению. Оставшиеся три типа - это упорядоченные списки, неупорядоченные списки и списки определений. Все списки представляют собой блочные элементы.

Упорядоченные (нумерованные) и неупорядоченные (маркированные) списки, примеры которых приведены на рис. 10.4, оформляются одинаково. Они создаются при помощи парных тегов: <OL> для упорядоченного списка и <UL> для неупорядоченного. Эти списки могут содержать только элементы списка, определяемые парным тегом <LI>. Закрывающий тег </LI> можно опускать, так как его местонахождение легко восстановить. Открывающие теги могут содержать атрибуты, определяющие вид маркера (для неупорядоченного списка), способ и последовательность нумерации (для упорядоченного). Разрешается вложение списков друг в друга.

Рис. 10.4. Нумерованные и маркированные списки

Атрибуты тега <OL>:

START – определяет первое число, с которого начинается нумерация пунктов (только целые числа).

TYPE – определяет стиль нумерации пунктов. Может иметь значения:

"A" – заглавные буквы A, B, C ...

"a" – строчные буквы a, b, c ...

"I" – большие римские числа I, II, III ...

"i" – маленькие римские числа i, ii, iii ...

"1" – арабские числа 1, 2, 3 ... (по умолчанию <UL TYPE="1">).

Список определений задается парным тегом <DL>. Он содержит элементы двух типов: определяемые термины (парный тег <DT>) и определения (парный тег <DD>). Закрывающие теги </DT> и </DD> можно опускать. Обычно определяемые термины и определения чередуют, хотя это нигде не оговорено. Определения отображаются на экране с отступом от левого края. Такой список представлен на рис. 10.5.

Таблицы удобны для представления больших объемов данных, а многие Web-дизайнеры используют их также для точного размещения элементов Web-страниц (рис. 10.6).

Таблица в HTML формируется при помощи парного тега <TABLE>. Она может содержать заголовок таблицы, определяемый парным тегом <CAPTION>. Таблица формируется построчно. Вначале с помощью парного тега <TR> необходимо создать строку (ряд) таблицы, в которой затем парным тегом <TD> помещаются ячейки.

Рис. 10.5. Список определений

Элементы (теги) для создания таблиц:

TABLE - создает таблицу.

CAPTION - задает заголовок таблицы.

TR - создаёт новый ряд (строку) ячеек таблицы.

TD и TH - создаёт ячейку с данными в текущей строке.

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

Теги TD и TH (Table Data & Table Head) - элемент TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет её как ячейку-заголовок.

Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Кроме того, должна улучшиться работа браузеров, использующих речевой интерфейс. В качестве содержимого ячейки можно использовать другие таблицы.

Атрибуты элементов, используемых при создании таблиц:

ALIGN (таблица, заголовок, строка, ячейка) – определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right. По умолчанию способ выравнивания определяется значением атрибута ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю, а для TH – центрирование.

Рис. 10.6. Использование тегов HTML для создания таблиц

VALIGN (строка, ячейка) – определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого атрибута не было задано ранее в элементе TR.

WIDTH (таблица, ячейка) – определяет ширину ячейки (таблицы). Ширина ячейки задаётся в пикселях или в процентном отношении к ширине таблицы.

HEIGHT (ячейка) – определяет высоту ячейки. Высота задается в пикселях или в процентном отношении к высоте таблицы.

BGCOLOR (таблица, ячейка) – определяет цвет фона.

CELLSPACING (таблица) - определяет зазор между ячейками.

CELLPADDING (таблица) - определяет зазор между содержимым ячейки и ее границей.

BORDER (таблица) - отображение границ ячеек и внешней рамки таблицы.

Отображение нескольких документов. Язык HTML позволяет в рамках одной Web-страницы отобразить несколько документов. Для этого страница должна быть разбита на несколько областей - фреймов. Разбиение страницы описывается документом HTML особого рода, структура которого отличается от обычной. Тело документа заменяется описанием фреймов, задаваемым парным тегом <FRAMESET>. Элемент BODY в таком документе отсутствует, а при наличии - игнорируется браузером.

Открывающий тег <FRAMESET> должен содержать обязательный атрибут COLS= или ROWS=, определяющий способ разбиения окна. В первом случае окно разбивается вертикальными линиями, во втором - горизонтальными. Если заданы оба атрибута, создается сетка фреймов. Значение любого из этих атрибутов - это перечисленные через запятую размеры отдельных фреймов.

<FRAMESET COLS="70%, 30%">

Значения могут быть заданы в пикселях или в процентах от ширины окна. Последняя область может быть определена с помощью символа «*», что означает, что ей выделяется все оставшееся пространство.

<FRAMESET ROWS="35%, 35%, *">

Между тегами <FRAMESET> и </FRAMESET> должно располагаться ровно столько элементов, сколько областей создано с помощью атрибутов COLS= и ROWS=. При этом могут использоваться дополнительные элементы FRAMESET, описывающие дальнейшее разбиение на подобласти еще меньшего размера, или непарные теги <FRAME>, определяющие способ использования области.

Тег <FRAME> должен содержать обязательный атрибут SRC=, с помощью которого указывается, какой документ первоначально загружается в соответствующую область. Значение этого атрибута - абсолютный или относительный адрес URL нужного документа.

Среди прочих атрибутов выделяется атрибут NAME=, позволяющий задать «имя» созданной области в виде последовательности латинских букв и цифр, использованной как значение этого атрибута.

<FRAME SRC="math.htm" NAME="left">