Реферат: Мировые информационные ресурсы

Использование  гипрессылок

Гипрессылка – это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).

Для внедрения ссылок в HTML документ применяется парный дескриптор <A>…</A>.

Пример:

<A HREF=”http://www.kirov.ru/price.htm”>

Все, что находится внутри контейнера, называется элемент привязки (текстовый фрагмент или графический элемент).

</A>

В результате на экране отображается подчеркнутый выделенный текст.

Пример привязки к изображению:

<A>

<IMG SRC=”1.gif”>

</A>

Изображение, к которому привязывается ссылка, называется навигационной картинкой (изображением).

В случае привязки к картинке ссылки вокруг картинки формируется рамка (чаще всего синего цвета). Чтобы ее убрать, необходимо указать:

<IMG border=”0”>

Значением атрибута HREF может быть абсолютный адрес (URL адрес) или относительный адрес (имя файла, в котором хранится HTML документ, указываемый с помощью ссылки). Например, HREF=”1.htm”. Браузер будет искать данный документ в текущей папке, то есть в той, в которой находится активный документ.

Исключение составляет дескриптор <BASE>

<BASE URL=”http://www.kirow.ru”>

В случае использования данного дескриптора в заголовке HTML документа (то есть контейнера HEAD)относительные адреса (указанные в виде значений HREF) будут восприниматься браузером не относительно текущей папки, а относительно URL адреса, указанного в значении атрибута URL.

Использование дескриптора <A>…</A>

для указания отдельных элементов HTML документов.

1. Атрибут NAME используется для указания места, до которого необходимо пролистать

HTML документ.

 Пример:

<A NAME=”ZDES”>

</A>

В этом случае внутри дескриптора <A> находится якорь – это элемент HTML документа, который может быть адресован с помощью гиперссылки. Якорь не выделяется браузером.  

 

Для того чтобы с помощью ссылки адресоваться к якорю надо после URL адреса добавить # и указать имя якоря.

Пример:

<A HREF=”http://www.kirov.ru/price.htm#1>

Название якоря может формироваться без указания URL адреса HTML документа.

Пример:

<A HREF=”#1”>

Данный якорь будет искаться в текущей папке.

При использовании абсолютного адреса необходимо использовать аббревиатуру http (например, http://www.kirov.ru).

HTML форма

Форма (в документе HTML) – это средство, позволяющее организовать диалог пользователя и Web сайта.

Основные виды HTML форм:

1)    Кнопки.

2)    Списки.

3)    Текстовые поля.

4)    Переключатели (флажки).

5)    Радиокнопки.

Элементы управления HTML форм позволяют пользователю вводить информацию с помощью браузера и отправлять её на обработку Web сайту.

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

Группа дескрипторов, формирующих HTML форму.

1. Парный дескриптор <FORM> - задает свойство формы и содержит в своем контейнере элементы этой формы.

Атрибуты:

• Атрибут NAME – для задания имя формы.

Например, NAME=”anketa”.

! Каждый элемент HTML формы, как и сама форма, должны быть обязательно поименованы.

• Атрибут METHOD – определяет, каким способом HTML форма будет отправляться к программе-обработчику.

Есть два варианта:

             1)=POST – используется чаще всего.

             2)=GET – используется для отправки HTML формы с помощью URL адреса.

(По умолчанию задается метод GET).

• Атрибут ACTION – задает местоположение программы-обработчика. Значением атрибута служит адрес (абсолютный или относительный).

Например,

 ACTION=”executive.php” – файл, в котором хранится программа-обработчик.

Или ACTION=“mailto:a@kirov.ru” – пользовательская форма будет отсылаться по указанному электронному адресу.

• Атрибут ENCTYPE – тип кодировки.

Варианты:

=”text/htm/”

=”text/plain” – обычный текст без элементов форматирования.

Элементы HTML форм

1.Текстовые поля.

   Бывают двух видов:

1)    Многострочное. Парный дескриптор <TEXTAREA>…</TEXTAREA>

Атрибуты:

·     Атрибут NAME.

·     Атрибут ROWS – высота поля в строчках.

·     Атрибут COLLS – ширина поля в символах.

Размещенный в контейнере дескриптора <TEXTAREA> текст будет отображаться внутри этого текстового поля (по умолчанию).

                                              

2)    Однострочное. Формируется с помощью одиночного дескриптора <INPUT>.

(Данный дескриптор также используется для переключателей, радиокнопок).

     Атрибуты:

·     Атрибут NAME.

·     Атрибут TYPE – задает тип создаваемого элемента. Для создания однострочного поля значение атрибута TYPE=”Text”.

·     Атрибут SIZE – ширина поля в символах.

·     Атрибут MAXLENGTH – максимальная длина вводимого текста.

·     Атрибут VALUE – используется для хранения значения элемента формы.

Пример:

 Мы можем задать значение поля по умолчанию VALUE=”Например, пошел дождь”.

2.Переключатель или флажок.

                    

Формируется с помощью дескриптора <INPUT>,  атрибут TYPE которого принимает значение TYPE=”CHECKBOX”.

<INPUT TYPE=”CHECKBOX”>

            У данного дескриптора имеются также атрибуты:

·     Атрибут NAME.

·     Атрибут CHESKED – если он указан, то флажок будет установлен.

3.Радиокнопка.

(Выглядит как жирная точка).

Достигается с помощью двух дескрипторов <INPUT>, имеющих одинаковое имя. Например, NAME=”1”. 

<INPUT TYPE=”RADIO” NAME=”1” VALUE=”GENAT”>

<INPUT TYPE=”RADIO” NAME=”1” VALUE=”XOLOST”>

 

4.Текстовое поле типа пароль.

<INPUT TYPE=”PASSWORD”>

Данный дескриптор формирует текстовое поле типа пароль. Работает также как и однострочное текстовое поле, но значение отображается в виде звездочек.

5.Кнопка.

• <INPUT TYPE=”BUTTON”>

Используется для вызова клиентских скриптов (сценариев).

 Выглядит так:

           

• Кнопка созданная с помощью:<INPUT TYPE=”SUBMIT” VALYE=”Пуск”> предназначена для отправки формы на обработку в Web сайт.

Выглядит так:

           

• Кнопка сброса формы.

Предназначена для установления первоначального значения формы.

<INPUT TYPE=”RESET” VALUE=”Сброс”>

Выглядит так:

     

6.Списки выбора (меню) – это многоуровневая конструкция.

Парный дескриптор < SELECT >…</ SELECT > (дескриптор первого уровня) формирует свойства меню.

Атрибуты:

• Атрибут NAME.
• Атрибут SIZE.
• Если данный атрибут равен единице, меньше единицы или не указан, то формируется выпадающее меню.

             Выглядит так:        

• Если SIZE больше единицы, то формируется прокручиваемый список.

Выглядит так:

                                              

Внутри контейнера дескриптора<SELECT> находятся элементы меню, которые формирует одиночный дескриптор <OPTION> (дескриптор второго уровня). 

Пример:

Страницы: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10