Учебник по HTML

Центрирование элементов документа


Вы можете центрировать все элементы документа в окне броузера. Для этого можно использовать тэг
. Все элементы между тэгами
и
будут находиться в центре окна

Тэг преформатирования 
 

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

 
 Список сотрудников  
 
 
 Список сотрудников нашей фирмы 
 
 Составлено : 30 июля 1996 года 
 
Данный список содержит фамилии, имена и отчества 
всех сотрудников нашей компании.  
Список может быть использован только в служебных целях.  
 
 Вот, что вы увидите на экране броузера: 



Что такое HTML?
HyperText Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей. 
Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML вы можете обозначать данные элементы, обеспечивая WEB-броузеры минимальной информацией для отображения данных элементов, сохраняя вцелом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-броузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. 
В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях WEB-броузера может, в определенной степени, управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац при помощи тэга HTML, а затем предоставляет WEB-броузеру интерпретировать эти тэги. Например, один WEB-броузер может распознавать тэг начала абзаца и представлять документ в нужном виде, а другой не имеет такой возможности и представляет документ в одну строку. Пользователи некоторых WEB-броузеров имеют, также, возможность настраивать размер и вид шрифта, цвет и другие параметры, влияющие на отображение документа. 
HTML-тэги могут быть условно разделены на две категории:  тэги, определяющие, как будет отображаться WEB-броузером тело документа вцелом

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



Цитата 

Данный тэг предназначен для обозначения в документе цитаты из другого источника. Текст, обозначенный тэгом 
, отступает от левого края документа на 8 пробелов. 
Например:  На открытии данной конференции глава представительства произнес: 
 
 
Сегодня один из величайших дней для нашей компании. 

 Мы открыли новую технологию, позволяющую нашим клиентам повысить производительность их настольных систем в несколько раз. 
 При отображении броузером данный текст будет выглядеть так: 

На открытии данной конференции глава представительства произнес: Сегодня один из величайших дней для нашей компании. Мы открыли новую технологию, позволяющую нашим клиентам повысить производительность их настольных систем в несколько раз. 

Список базовых тэгов HTML Стартовый Завершающий Описание

  Обозначение HTML-документа 
  Заголовочная часть документа   Заголовок документа   Тело документа 
 
 Заголовок абзаца первого уровня 
 
 Заголовок абзаца второго уровня 
 
 Заголовок абзаца третьего уровня 
 
 Заголовок абзаца четвертого уровня 
 
 Заголовок абзаца пятого уровня 
 
 Заголовок абзаца шестого уровня  
 Абзац 
 
 Форматированный текст 
 Перевод строки без конца абзаца 
 
 Цитата

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


PART2---------------------------------------------------------------------------- 

HTML Далее 



Цвет шрифта 

Вы можете изменить цвет шрифта при помощи тэга:   Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.   Красный  
 Зеленый  
 Синий  Красный Зеленый Синий 

Специальные тэги HTML 

Следующие тэги позволят вам сделать ваш HTML-документ более функциональным. Тэг адреса 
 Тэг 
 используется для выделения автора документа и его дреса (например, e-mail). Синтаксис:  
 Адрес-автора 
 

; Адрес-автора 
Escape-последовательности 

Некоторые символы являются управляющими символами в HTML и немогут напрямую использоваться в документе:  левая угловая скобка < 
правая угловая скобка > 
амперсанд & 
двойные кавычки " Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями:  < < 
> > 
& & 
" " Существует большое количество escape-последовательностей для обозначения специальных символов, например © для обозначения знака . и ® для значка ., появившихся в HTML 2.0. Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам.  Внимание! Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <. PART3---------------------------------------------------------------------------- 

HTML Формы 

Некоторые WWW browser позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введенна пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом. Когда вы описываете форму, каждый элемент ввода данных имеет тэг 
Синтаксис 

Все формы начинаются тэгом 
 и звершаются тэгом 
.  
 Элементы_формы_и_другие_элементы_HTML 
 METHOD 
Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:  GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется. 
POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию. ACTION 

ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму. 

Тэги Формы 

TEXTAREA 

Тэг  



Москва, Дмитровкое шоссе, д.9Б, офис 448 

Атрибуты, используемые внутри тэга  необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов:  NAME - имя поля ввода 
ROWS - высота поля ввода в символах 
COLS - ширина поля ввода в символах Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов . 

INPUT 

Тэг  используется для ввода одной строки текста или одного слова. Атрибуты тэга:  
CHECKED - означает, что CHECKBOX или RADIOBUTTON будет выбран. 
MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов броузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности. 
NAME - имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле. 
SIZE - определяет визуальный размер поля ввода на экране в символах. SRC - URL,. указывающий на картинку (используется совместно с атрибутом IMAGE). 
TYPE - определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста. Остальные типы должны быть явно указаны:  
CHECKBOX Используется для простых логических (BOOLEAN) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую CGI-программу, может принимать значение ON или OFF. 
HIDDEN Поля данного типа не отображаются броузером и не дают пользователю изменять присвоенные данному полю по умолчанию значение. Это поле используетс для передачи в CGI-программу статической информации, как то ID прользователя, пароля или другой информации. 
IMAGE Данный тип поля ввода позволяет вам связывать графический рисунок с именем поля. При нажатии мышью на какую-либо часть рисунка будет немедленно вызвана ассоциированная форме CGI-программа. Значения, присвоенные переменной NAME будут выглядеть так - создается две новых переменных: первая имеет имя, обозначенное в поле NAME с добавлением .x в конце имени. В эту переменную будет помещена X-координата точки в пикселах ( считая началом координат левый верхний угол рисунка), на которую указывал курсор мыши в момент нажатия, а переменная с именем, содержащимся в NAME и добавленным .y, будет содержать Y-координату. Все значения атрибута VALUE игнорируются. Само описание картинки осуществляется через атрибут SRC и по синтаксису совпадает с тэгом . 
PASSWORD То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране. 
RADIO Данный атрибут позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE="RADIO" с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME=VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME) автоматически станут невыбранными на экране. 
RESET Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию. 
SUBMIT Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы. Атрибут VALUE может содержать строку, которая будет высвечена на кнопке. 
TEXT Данный тип поля ввода описывает однострочное поле ввода. Используйте атрибуты MAXLENGTH и SIZE для определения максимальной длинны вводимого значения в символах и размера отображаемого поля ввода на экране (по умолчанию принимается 20 символов). VALUE - присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)



Добавление стилей в ваш HTML-документ

HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством броузеров:  bold (жирный) 
italic (наклонный) 
mono spaced (type writer - с использованием фиксированных шрифтов) Вы можете комбинировать различные виды стилей, например жирный и наклонный. Стиль Элемент или тэг Результат

Bold  Этот текст жирный  Этот текст жирный

Italic  Этот текст наклонный  Этот текст наклонный Mono spaced  Этот текст с непроп. шрифтом  Этот текст с непроп. шрифтом

Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:  Жизнь - это песня! Жизнь - это песня!  Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста! Дополнительные стили:  big (большой) 
small (маленький) 
sub (подстрочник) 
sup (надстрочник)  Стиль Элемент или тэг Результат

Big Этот текст  большой  Этот текст большой

Small Этот текст  маленький  Этот текст маленький

Sub Этот текст  подстрочник  Этот текст подстрочник

Sup Этот текст  надстрочник  Этот текст надстрочник



Гипертекстовые ссылки

Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее - ссылки), вы делаете набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно. Ссылки имеют стандартный формат, что позволяет броузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP-протоколу для отображения его броузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов.  Внимание! Вы можете использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако, HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого. 

URL 

HTML использует URL (Uniform Resource Locator) для представления гипертекстовых ссылок и ссылок на сетевые сервисы внутри HTML-документа. Первая часть URL (до двоеточия) описывает метод доступа или сетевой сервис. Другая часть URL (после двоеточия) интерпретируется в зависимости от метода доступа. Обычно, два прямых слэша после двоеточия обозначают имя машины:  method://machine-name/path/foo.html Следующий пример представляет собой вызов HTML-документа index.html с сервера www.uic.nnov.ru с использованием HTTP протокола:  http://www.uic.nnov.ru/~gss Uniform Resource Locator имеет следующий формат:  method://servername:port/pathname#anchor Опишем каждый из компонентов URL: 
METHOD  Имя операции, которая будет выполняться при интерпретации данного URL. Наиболее часто используемые методы: 
file:  чтение файла с локального диска. Имя файла интерпретируется для локальной машины пользователя. Данный метод используется для отображения какого-либо файла, находящегося на машине пользователя. Например: file:/home/alex/index.html - отобажает файл index.html из каталога /home/alex на пользовательской машине http:  доступ к WEB-странице в сети с использованием HTTP-протокола. (Это наиболее часто используемый метод доступа к какому-либо HTML-документу в сети). Например: http://www.uic.nnov.ru/~gss/ - доступ к Home-странице Гаврина Сергея ftp:  запрос файла с анонимного FTP-сервера. Например: ftp://hostname/directory/filename mailto:  активизирует почтовую сессию с указанным пользователем и хостом. Например: mailto:gss@uic.nnov.ru - активизирует сессию посылки сообщения пользователю info на машине uic.nnov.ru, если броузер поддерживает запуск электронной почты. Заметьте, что метод mailto: не требует указание слэшей после двоеточия (как правило, после двоеточия сразу идет электронный адрес абонента) telnet:  обращение к службе telnet news:  вызов службы новостей, если броузер ее поддерживает. Например: news:relcom.www.support SERVERNAME  Необязательный параметр, описывающий полное сетевое имя машины. 
Например:  www.uic.nnov.ru - полное сетевое имя сервера Если имя сервера не указано, то ссылка считается локальной, и полный путь, указанный далее в URL вычисляется на той машине, с которой взят HTML-документ, содержащий данную ссылку. Вместо символьного имени машины может быть использован IP-адрес, однако это не рекомендуется из-за возможного пересечения с фиксированными локальными адресами внутренней сети. PORT  Номер порта TCP на котором функционирует WEB-сервер. Если порт не указан, то "по умолчанию" используется порт 80. Данный параметр (port) не используется в подавляющем большинстве URL. PATHNAME  Частичный или полный путь к документу, который должен вызваться в результате интерпретации URL. Различные WEB-сервера сконфигурированы по разному для интерпретации пути доступа к документу. Например, при использовании CGI скриптов (исполняемых программ), они обычно собираются в одном или нескольких выделенных каталогах, путь к которым записан в специальных параметрах WEB-сервера. Для данных каталогов WEB-сервером выделяется специальный логический путь, который и используется в URL. Если WEB-сервер видит данный путь, то запрашиваемый файл интерпретируется как исполняемый модуль. В противном случае, запрашиваемый файл интерпретируется просто как файл данных, даже если он является исполняемым модулем. 
Например:  http://www.uic.nnov.ru/~gss/cgi-bin/handle.cgi В данном примере HTTP-сервер должен вызвать CGI-скрипт с именем handle.ecgi, который находится на машине с сетевым именем www.uic.nnov.ru/~gss. Путь к данному скрипту - /cgi-bin/ - в действительности является виртуальным путем (выделенным сервером для исполняемых модулей). Заметьте, что при описании пути используется UNIX-подобный синтаксис, где, в отличии от DOS и Windows используются прямые слэши вместо обратных. Если после сетевого имени машины сразу идет имя документа, то он должен находиться в корневом каталоге на удаленной машине или (что чаще) в каталоге, выделенном WEB-сервером в качестве корневого. Если же URL закагчивается сетевым именем машины, то в качестве документа запрашивается документ из корневого каталога удаленной машины с именем, установленным в настройках WEB-сервера (как правило, это index.html). #ANCHOR  Данный элемент является ссылкой на строку (точку) внутри HTML-документа. Большинство броузеров, встречая после имени документа данный элемент, размещают документ на экране таким образом, что указанная строка документа помещается в верхнюю строку рабочего окна броузера. Точки, на которые ссылается #anchor, указываются в документе при помощи тэга NAME, как это будет описано далее. 



Горизонтальная линия

Используя тэг 
 вы можете разделить текст горизонтальной чертой. 
Формат тэга:  
 Параметры тэга: 
SIZE  Толщина линии в пикселах. WIDTH  Ширина линии в пикселах или процентах от ширина окна броузера. ALIGN  Расположение на экране (слева | по центру | справа).   По умолчанию линия представлена в 3D виде с тенью. позволяет представить линию просто однотонной темной полоской. 
Создание ссылочно-зависимых изображений (image maps) 

Данная информация содержится в специальном документе



HTML Фрэймы

Испольльзуя фрэймы, позволяющие разбивать Web-страницы на множественные скроллируемые подокна, вы можете значительно улучшить внешний вид и функциональность информационных систем и Web-приложений. Каждое подокно, или фрэйм, может иметь следующие свойства:  Каждый фрэйм имеет свой URL, что позволяет загружать его независимо от других фрэймов Каждый фрэйм имеет собственое имя (параметр NAME), позволяющее переходить к нему из другого фрэйма Размер фрэйма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрешено указанием специального параметра) Данные свойства фрэймов позволяют создавать продвинутые интерфейсные решения, такие как:  Размещение статической информации, которую автор считает необходимым постоянно показывать пользователю, в одном статическом фрэйме. Это может быть графический логотип фирмы, copyright, набор управляющих кнопок Помещение в статическом фрэйме оглавления всех или части WEB-документов, содержащихся на WEB-сервере, что позволяет пользователю быстро находить интересующую его информацию Создавать окна результатов запросов, когда в одном фрэйме находится собственно запрос, а в другом результаты запроса Создавать формы типа "мастер-деталь" для WEB-приложений, обслуживающих базы данных 
Синтаксис фрэймов 

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

... 
... 
 Однако, фрэйм-документ является специфичным видом HTML-документа, поскольку не содержит элемента BODY и какой-либо информационной нагрузки соответственно. Он описывает только фрэймы, которые будут содержать информацию (кроме случая двойного документа, который мы рассмотрим позже). +Представим общий синтаксис фрэймов:     ...  Общий контэйнер FRAMESET описывает все фрэймы, на которые делится экран. Вы можете разделить экран на несколько вертикальных или несколько горизонтальных фрэймов. Тэг FRAME.описывает каждый фрэйм в отдельности. Рассмотрим более детально каждый компонент. 
FRAMESET   Тэг  имеет завершающий тэг . Все, что может находиться между этими двумя тэгами, это тэг , вложенные тэги  и , а также контейнер из тэгов  и , который позволяет строить двойные документы для броузеров, поддерживающих фрэймы и не поддерживающих фрэймы. 

Данный тэг имеет два взаимоисключающих параметра: ROWS и COLS. 
ROWS="список-определений-горизонтальных-подокон"  Данный тэг содержит описания некоторого количества подокон, разделенные запятыми. Каждое описание представляет собой числовое значение размера подокна в пикселах, процентах от всего размера окна или связанное масштабное значение. Количество подокон определяется количеством значений в списке. Общая сумма высот подокон должна составлять высоту всего окна (в любых измеряемых величинах). Отсутствие атрибута ROWS определяет один фрэйм, величиной во все окно броузера. 
Синтаксис используемых видов описания величин подокон: 
value 
Простое числовое значение определяет фиксированную высоту подокна в пикселах. Это далеко не самый лучший способ описания высоты подокна, поскольку различные броузеры имеют различный размер рабочего поля, не говоря уже о различных экранных разрешениях у пользователя. Если вы, все же, используете данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате вы точно получили 100%-ное заполнение окна броузера вашего пользователя. 
value% 
Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон превышает 100, то размеры всех фрэймов пропорционально уменьшаются до суммы 100%. Если, соответственно, сумма меньше 100, то размеры пропорционально учеличиваются. 
value* 
Вообще говоря, значение value в данном описании является необязательным. Символ "*" указывает на то, что все оставшееся место будет принадлежать данному фрэйму. Если указывается два или более фрэйма с описанием ?*? (например ?*,*?), то оставшееся пространство делится поровну между этими фрэймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрэйма (во сколько раз од будет больше аналогично описанного чистой звездочкой). Например, описание ?3*,*,*?, говорит, что будет создано три фрэйма с размерами 3/5 свободного пространства для первого фрэйма и по 1/5 для двух других. COLS="список-определений-горизонтальных-подокон"  То же самое, что и ROWS, но делит окно по вертикали, а не по горизонтали. 

Внимание! Совместное использование данных параметров может привести к непредствазуемым результатам. Например, строка:  может привести к ошибочной ситуации. Примеры:  
 - описывает три фрэйма, два по 50 точек справа и слева, и один внутри этих полосок. 
 - описывает три фрэйма, первый из которых занимает 20% площади сверху экрана, второй 3/4 оставшегося от первого фрэйма места (т.е. 60% всей площади окна), а последний 1/4 (т.е. 20% всей площади окна. 
 - аналогично предыдущему примеру. 

Тэги  могут быть вложенными, т.е. например: 
 
 
 
 Результат данного примера мы рассмотрим позже. 
FRAME   Данный тэг определяет фрэйм внутри контейнера FRAMESET. 

SRC="url"  Описывает URL документа, который будет отображен внутри ланного фрэйма. Если он отсутствует, то будет отображен пустой фрэйм. NAME="frame_name"  Данный параметр описывает имя фрэйма. Имя фрэйма может быть использовано для определения действия с данным фрэймом из другого HTML-документа или фрэйма (как правило, из соседнего фрэйма этого же документа). Имя обязательно должно начинаться с символа. Содержимое поименованных фрэймов может быть задействовано из других документов при помощи специального атрибута TARGET, описываемого ниже. MARGINWIDTH="value"  Это атрибут может быть использован, если автор документа хочет указать величину разделительных полос между фрэймами сбоку. Значение value указывается в пикселах и не может быть меньше единицы. По умолчанию данное значение зависит от реализации поддержки фрэймов используемым клиентом броузером. MARGINHEIGHT="value"  То же самое, что и MARGINWIDTH, но для верхних и нижних величин разделительных полос. SCROLLING="yes | no | auto"  Этот атрибут позволяет задавать наличие полос прокрутки у фрэйма. Параметр yes указывает, что полосы прокрутки будут в любом случае присутствовать у фрэйма, параметр no наоборот, что полос прокрутки не будет. Auto определяет наличие полос прокрутки только при их необходимости (значение по умолчанию). NORESIZE  Данный атрибут позволяет создавать фрэймы без возможности изменения размеров. По умолчанию, размер фрэйма можно изменить при помощи мыши так же просто, как и размер окна Windows. NORESIZE отменяет данную возможность. Если у одного фрэйма установлен атрибут NORESIZE, то у соседних фрэймов тоже не может быть изменен размер со стороны данного. NOFRAMES  Данный тэг используется в случае, если вы создаете документ, который может просматриваться как броузерами, поддерживающими фрэймы, так и броузерами, их не поддерживающими. Данный тэг помещяется внутри контейнера FRAMESET, а все, что находится внутри тэгов  и  игнорируется броузерами, поддерживающими фрэймы. Примеры 

Рассмотрим реализацию фрэймов для подобного разбиения окна: 
+---------------------------+ | | | | | | | Link1 | Link2 | | | | | | | +---------------------------+ | | | | | | | | | Link3 | Link4 | Link5 | | | | | | | | | +---------------------------+

 
 
 <br><H1>Ваша версия WEB-броузера не поддерживает фрэймы!</H1> <br>   
 
 
 

 
 
 
 
 
 Посмотреть результат



Как создаются HTML документы?

HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. Например, HTML редакторы, такие, как "Netscape Navigator Gold" компании Netscape позволяют создавать документы графически с использованием технологии WYSIWYG (What You See Is What You Get). С другой стороны, большинство традиционных средств для создания документов имеют конвертеры, позволяющие преобразовывать документы к формату HTML.



Меню выбора в формах

Под меню выбора в формах понимают такой элемент интерфейса, как LISTBOX. Существует три типа тэгов меню выбора для форм:  
Select - пользователь выбирает одно значение из фиксированного списка значений, представленных тэгами OPTION. Даннй вид представляется как выпадающий LISTBOX. 
Select single - то же самое, что и Select, но на экране пользователь видит одновременно три элемента выбора. Если их больше, то предоставляется автоматический вертикальный скроллинг. 
Select multiple - позволяет выбрать несколько элементов из LISTBOX. SELECT 

Тэг SELECT позволяет пользователю выбрать значение из фиксированного списка значений. Обычно это представлено выпадающим меню. Тэг SELECT имеет один или более параметр пежду стартовым тэгом . По умолчанию, первый элемент отображается в строке выбора. Вот пример тэга