p align="left">Расположение на экране (слева | по центру | справа). NOSHADE: По умолчанию линия представлена в 3D виде с тенью. NOSHADE позволяет представить линию просто однотонной темной полоской. 2.4 Добавление стилей в документ HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в ваших документах. Вот короткий список стилей, поддерживаемых большинством броузеров: bold (жирный) italic (наклонный) mono spaced (type writer - с использованием фиксированных шрифтов) Вы можете комбинировать различные виды стилей, например жирный и наклонный. Таблица №2: Основные стили текста |
Стиль | Элемент или тэг | Результат | | Bold | <B> Этот текст жирный </B> | Этот текст жирный | | Italic | <I> Этот текст наклонный </I> | Этот текст наклонный | | Mono spaced | <TT> Этот текст с непроп. шрифтом </TT> | Этот текст с непроп. шрифтом | | |
Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например: <b>Жизнь</b> - <i>это <b>песня!</b></i> Жизнь - это песня! Внимание! Добавление большого количества стилей и их комбинаций приводит к затруднению чтения текста! Дополнительные стили: · big (большой) · small (маленький) · sub (подстрочник) · sup (надстрочник) · Таблица №3: Дополнительные стили текста |
Стиль | Элемент или тэг | Результат | | Big | Этот текст <BIG> большой </BIG> | Этот текст большой | | Small | Этот текст <SMALL> маленький </SMALL> | Этот текст маленький | | Sub | Этот текст <SUB> подстрочник </SUB> | Этот текст подстрочник | | Sup | Этот текст <SUP> надстрочник </SUP> | Этот текст надстрочник | | |
Размер шрифта <FONT SIZE>. Вы можете изменять размер шрифта при помощи тэга: <FONT SIZE=+|- n> Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию - 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга: <BASEFONT SIZE=n> Например: <p>и <font SIZE=+1>з</font><font SIZE=+2>м</font> <font SIZE=+3>е</font><font SIZE=+4>н</font> <font SIZE=+3>е</font><font SIZE=+2>н</font> <font SIZE=+1>и</font> е</p> изменение Цвет шрифта <FONT SIZE>. Вы можете изменить цвет шрифта при помощи тэга: <FONT COLOR="#xxxxxx> Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатиричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п. <FONT COLOR="#FF0000"> Красный </FONT> <FONT COLOR="#00FF00"> Зеленый </FONT> <FONT COLOR="#0000FF"> Синий </FONT> Красный Зеленый Синий 2.5 Специальные тэги HTML Следующие тэги позволят вам сделать ваш HTML-документ более функциональным. Тэг адреса <ADDRESS>. Тэг <ADDRESS> используется для выделения автора документа и его дреса (например, e-mail). Синтаксис: <ADDRESS> Адрес-автора </ADDRESS> Escape-последовательности. Некоторые символы являются управляющими символами в HTML и не могут напрямую использоваться в документе: 1) левая угловая скобка "<" 2) правая угловая скобка ">" 3) амперсанд "&" 4) двойные кавычки """ Чтобы использовать данные символы в документе, необходимо заменить их escape-последовательностями: Таблица №4: Escape-последовательности Существует большое количество escape-последовательностей для обозначения специальных символов, например "©" для обозначения знака © и ® для значка ®, появившихся в HTML 2.0. Одной из особенностей является замена символов во 2-ой части символьной таблицы (после 127-ого символа) на escape-последовательности для передачи текстовых файлов с национальными языками по 7-битным каналам. Внимание! Escape-последовательности чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <. 2.6 HTML ФормыНекоторые WWW броузеры позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем WWW-сервере. Когда форма интерпретируется WEB-броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, прокручиваемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку "Подтверждение" (SUBMIT - специальный тип кнопки, который задается при описании документа), информация, введена пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом. Когда вы описываете форму, каждый элемент ввода данных имеет тэг <INPUT>. Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента. Синтаксис. Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>. <FORM METHOD="get|post" ACTION="URL"> Элементы_формы_и_другие_элементы_HTML. </FORM> METHOD. Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями: GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется. POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию. ACTION: ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму. Тэги формы: TEXTAREA: Тэг <TEXTAREA> используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст). Вот пример использовани тэга <TEXTAREA>: <TEXTAREA NAME="address" ROWS=10 COLS=50> Москва, Дмитровкое шоссе, д.9Б, офис 448 </TEXTAREA> Атрибуты, используемые внутри тэга <TEXTAREA> описывают внешний вид и имя вводимого значения. Тэг </TEXTAREA> необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов: NAME - имя поля ввода ROWS - высота поля ввода в символах COLS - ширина поля ввода в символах Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов <TEXTAREA> и </TEXTAREA>. INPUT: Тэг <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 и по синтаксису совпадает с тэгом <IMG>. 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 данный атрибут обязателен).
Страницы: 1, 2, 3, 4, 5, 6, 7, 8
|