Якорь (элемент привязки документов, их частей, почты) — КиберПедия 

Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...

Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...

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

2022-10-29 24
Якорь (элемент привязки документов, их частей, почты) 0.00 из 5.00 0 оценок
Заказать работу

< A href =”URL, файл, #метка” >...</ A> ‑ связь с другим до­кумен­том или с частью данного. Текст или изо­б­ражение между <A> и </A> вопринимает­ся в качестве гиперссылки в документе. Если по ней щелкнуть, то появится указанный документ или его часть, если используется внутренняя ссылка.

Пример абсолютного связывания с гиперссылкой текстовой.

<A href=”http://www.usue.ru”> Страница УрГЭУ </A>

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

<A href=“C:\My Documents\html_primer\calc.htm“>

<IMG src=“D:\Borland Shared\Images\Buttons\Calculat.bmp“</A>

Пример внутренней ссылки на часть документа (список продающих­ся товаров) с использованием метки списка “#Tovari”.

<A href=“#Tovari“>Товары </A>...

<P Name=“#Tovari“> <UL><LI> Молоко <LI> Сахар </UL> </P>

Пример ссылки на адрес электронной почты автора.

<A href=“mailto:[email protected]“>письмо Плещёву В.В.</A>

Фреймы

     Каждый фрейм оформляется в виде отдельной страницы. Управ­ле­ние фреймами производится из контрольной страницы, которая содержит опи­сание набора (подобие таблицы) фреймов и порядок его заполнения страница­ми путем задания тегов (пп. 15.6.3, 15.6.5):

< FRAMESET>...</ FRAMESET> ‑ описание таблицы фрей­мов. Этот тег за­меняет тег BODY.

< FRAME>  ‑ описание отдельного фрей­ма‑ячей­ки таблицы.

     Атрибуты тега FRAMESET

Cols/ Rows ‑ описание вертикальных/горизонтальных фреймов. Описание дается в виде списка чисел (для каждого фрейма его размер в пикселях или в процентах от доступ­но­го экрана) или символа “*” (оставшееся место на экране) через запятую (cols=”15%, 25%, *, 2*”, что равносильно cols=”15%, 25%, 20%, 40%”).

Frameborder  ‑ ширина границы фрейма в пикселях.

     Атрибуты тега FRAME

Frameborder ‑ ширина границы фрейма в пикселях.

Marginheight / Marginwidth  ‑ высота/ширина отступа в пикселях.

Name ‑ имя фрейма (начинается с латинской буквы или с цифры).

Noresize  ‑ запрет на изменение размера (значения нет).

Scrolling   ‑ наличие (yes), отсутствие или вывод при необходимости по­ло­сы прокрутки.

Src  ‑ URL размещаемой страницы во фрейм.

     Для динамической загрузки страницыв фрейм по ги­перс­сыл­ке (п.15.2.9) в теге <A> пос­ле атрибута href, с именем этой страни­цы, указывается атри­бут Target  со значением имени фрейма, в который она загружается (<P><A><href=”Tovati.htm” target=”rightframe”>Товары </A>).

     Если в разделе <HEAD> указать тег <BASE Target=”имя фрейма”>, то по умолчанию все страницы будут загружаться в указанный фрейм.

     Атрибут Target имеет ряд предопределенных имен фреймов: _blank (но­вое окно броузера), _self (окно вызова фрейма), _parent (родительский на­бор фреймов), _top (полное окно броузера, игнорируя все фреймы).

Формы, управляющие элементы

     Форма является интерфейсом взаимодействия пользователя с узлом

     Теги формы и их атрибуты

< FORM>  ... </ FORM>‑ начало и окончание описания формы.

Action ‑ URL сценарий, выполняемый на сервере для обработки дан­ных из формы.

Method ‑ способ передачи данных из форм узлу: Get (добавляет ин­фор­мацию из формы к URL, описанному в атрибуте Action), Post (пере­дает дан­ные в теле запроса). Способ определяется провайдером.

< TEXTAREA>...</ TEXTAREA>‑начало и окончание текстовой области

     Name, Rows, Cols ‑ имя области, число строк в области и ее ширина.

< SELECT>  ... </ SELECT>‑ задание списка значений для выбора

     Name, Events, Tabindex, OnFocus, OnBlur, OnChange ­ - приведены далее в описании тега <INPUT>.

Size ‑ число значений в окне выбора. Если Size отсутствует, то будет выпадающий список (п. 15.6.8.4).

Multiple  ‑ множественный выбор (значение отсутствует).

Описание каждого элемента списка приводится в теге:

<OPTION атрибуты > элемент [ </OPTION> ]

     Selected, Disabled ‑ предварительный выбор, запрет на выбор.

     Label ‑ более короткая метка варианта выбора.

     Value ‑ начальное значение элемента

< INPUT>   ‑ создание управляющих элементов (объектов) в форме.

Alt, Events ‑ краткое описание,встроенные события (п.15.2.7).

Accesskey ‑ комбинация клавиш для активизации объекта при их нажатии, при нажатой клавише Alt.

Disabled ‑ недоступность (значение отсутствует).

Tabindex ‑ номер порядка активизации объекта клавишей Tab.

Type, Name, Value ‑ тип, имя, начальное значение (надпись) объекта.

Size ‑ ширина объекта в пикселях (для Text, Password ‑ в символах).

Maxlength ‑ предельное количество символов в объекте.

OnFocus / OnBlur  ‑ имя сценария, запускаемого при получе­нии/поте­ре фокуса.

OnChange  ‑ имя сценария, запускаемого при поте­ре фокуса ввода, а его значение было изменено после получения фокуса.

     Рассмотрим типы объектов.

     Поле ввода (Type=” Text”) позволяет ввести текст из одной строки.

Атрибут без значения ReadOnly запрещает изменение значения поля; атри­бут OnSelect задает имя сценария, выполняемого при выделении текста в поле. Для размещения полей в отдельных строках используется тег <BR>.

     Пример поля ввода под именем Fam длиной до сорока символов с умалчи­ваемым значением “Иванов“.

<INPUT TYPE=“TEXT“ NAME=“Fam“ VALUE=“Иванов“ Maxlength=”40”>

     Поле ввода пароля (Type=” Password”) аналогично полю ввода, но вводимые символы отображаются на экране звездочками.

Флажки или независимые переключатели (Type=” Checkbox”) поз­во­ляют выбрать возможные варианты. Дополнительный атрибут Checked (без значения) позволяет включить флажок при его описании и определить выбор данного флажка (можно использовать и атрибут Value) в процеду­рах обработки документа (п. 15.6.8.2).

Зависимые переключатели или радиокнопки (Type=” Radio”) ана­ло­гичны флажкам, но выбрать можно только одну из группы этих кнопок. Все кнопки из одной группы дожны иметь оди­на­ковые имена (п. 15.6.8.2).

Кнопка (Type=” Button”)  позволяет вызвать про­це­дуры (сценарии) об­работки событий (обычно OnClick), связанных с кнопкой (п. 15.6.8.1).

     Для создания кнопок можно воспользоваться отдельным тегом:

< BUTTON артибуты> содержимое </ BUTTON>

Основные атрибуты тега BUTTON: Name, Disabled, Type (button, submit, reset), Accesskey, Tabindex, Events, OnFocus, OnBlur.

     Содержимым могут быть и другие теги, например теги изображений.

     Пример кнопки с изображением

<HTML><HEAD><TITLE>Работа с кнопкой</TITLE>

<SCRIPT LANGUAGE=“VBScript“>

  Sub ClickKnopka1: Alert “Щелчок“: End Sub </SCRIPT></HEAD>

 <BODY> <FORM NAME=“Form1“>

<BUTTON name=“knopka1“ value=“Кнопка1“ type=“button“

Onclick=“ClickKnopka1“ Accesskey=“k“> OK

<IMG src=“c:\WIN98\circles.bmp“ height=“50“ Alt=“Кольца“>

</BUTTON></FORM>

 </BODY>

</HTML>

Кнопка передачи (Type=” Submit”, Type=” Image”) под­тверждает выбор и от­пра­вляет данные на сервер (п. 15.6.8.1). Графический вид этой кнопки задается типом Image, изображение ‑ атрибутом Src=”URL”.

Кнопка сброса (Type=” Reset”)  обеспечивает сброс текущих значе­ний объектов и установку умалчиваемых значений (п. 15.6.8.4).

Кнопка выбора файла (Type=” File”)  выводит окно выбора файла.

Скрытый объект (Type=” Hidden”) без изображения на экране. Обычно использутся для автоматического ввода дополнительных данных.


Поделиться с друзьями:

Состав сооружений: решетки и песколовки: Решетки – это первое устройство в схеме очистных сооружений. Они представляют...

Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...

Общие условия выбора системы дренажа: Система дренажа выбирается в зависимости от характера защищаемого...

Эмиссия газов от очистных сооружений канализации: В последние годы внимание мирового сообщества сосредоточено на экологических проблемах...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.015 с.