Материал: 1896
9.Как создается элемент формы RADIO кнопка? Приведите пример ее использования.
10.Как создать кнопки для пересылки и очистки данных формы?
11.Перечислите и охарактеризуйте способы создания MAILTO.
Практические задания
1.Создайте HTML-документ, отображающий на экране браузера следующую информацию (рис. 88):
Рис. 88. Вид Web-страницы в окне браузера
2.Создайте HTML-документ, отображающий на экране браузера следующую информацию (рис. 89):
Рис. 89. Вид Web-страницы в окне браузера
1.8. ИСПОЛЬЗОВАНИЕ ФРЕЙМОВ НА WEB-СТРАНИЦЕ
1.8.1. Основные теги создания фреймов
При создании страниц с фреймами разрабатывается несколько HTMLфайлов. Прежде чем создавать Web-страницу с фреймами, рассмотрим теги (табл. 21).
|
Таблица 21. Теги создания фреймов |
|
Теги |
Комментарий |
|
1 |
2 |
|
<FRAMESET >…</FRAMESET> |
Предваряет тег <BODY> в документе, |
|
|
содержащем фреймы |
|
<FRAME> |
Задает файлы в наборе фреймов |
|
<NOFRAMES>…</NOFRAMES> |
Определяет, что будет в окне браузера, если он |
|
|
не поддерживает фреймы |
|
|
|
Окончание табл. 21 |
||
1 |
|
2 |
|
|
<FRAMESET BORDER=" "> |
Задает размер обрамления фреймов |
|
||
<FRAMESET ROWS=" "> |
Определяет строки в таблице фреймов, высота |
|
||
|
которых определена количеством пикселей или |
|
||
|
в процентном соотношении к высоте таблицы |
|
||
|
фреймов. В качестве значения может |
|
||
|
использоваться символ "*" для обозначения |
|
||
|
оставшейся части экрана |
|
|
|
<FRAMESET COLS=" "> |
Определяет столбцы в таблице фреймов, |
|
||
|
ширина которых определена |
количеством |
|
|
|
пикселей или в процентном соотношении к |
|
||
|
ширине таблицы фреймов. В качестве значения |
|
||
|
может использоваться символ "*" для |
|
||
|
обозначения оставшейся части экрана |
|
||
<FRAMESET |
Задает цвет обрамления фреймов |
|
|
|
BORDERCOLOR=" "> |
|
|
|
|
<FRAMESET |
Задает границы деления окна (yes или 1 – |
|
||
FRAMEBORDER="yes/no"> |
граница деления экрана на фреймы видна, no |
|
||
или |
или 0 – граница деления экрана на фреймы не |
|
||
<FRAMESET |
видна) |
|
|
|
FRAMEBORDER="1/0"> |
|
|
|
|
<FRAMESET |
Задает промежутки между смежными окнами |
|
||
FRAMESPACING=" "> |
|
|
|
|
<FRAME NAME="name"> |
Определяет имя фрейма |
|
|
|
<A HREF="*.htm" |
TARGET – определяет место, где должен |
|
||
TARGET=" ">…</A> |
отобразиться файл *.htm при активизации |
|
||
|
гиперссылки. |
|
|
|
|
Принимает значения: |
|
|
|
|
– |
name - файл *.htm загружается |
во фрейм с |
|
|
именем name; |
|
|
|
|
– _blank - файл *.htm загружается во вновь |
|
||
|
открытое окно браузера, не содержащего имени |
|
||
|
фрейма; |
|
|
|
|
– |
_self - файл *.htm загружается в то же окно, |
|
|
|
где находится гиперссылка; |
|
|
|
|
– |
_parent - файл *.htm загружается в |
|
|
|
родительское окно фрейма; |
|
|
|
|
– _top - файл *.htm загружается в окно, |
|
||
|
содержащее гиперссылку с заменой всех |
|
||
|
фреймов, отображенных в данный момент |
|
||
<FRAME NORESIZE> |
Препятствует изменению размеров фрейма |
|
||
<FRAME SCROLLING=" "> |
Указывает, будет ли выводиться линейка |
|
||
|
прокрутки в фрейме, принимает значения: |
|
||
|
«yes» – полосы прокрутки создаются в |
|
||
|
обязательном порядке; «no» – полосы |
|
||
|
прокрутки запрещены; «auto» – полосы |
|
||
|
прокрутки появляются по мере необходимости |
|
||
|
|
Окончание табл. 21 |
|
1 |
2 |
|
|
<FRAME SRC="URL"> |
Определяет, какой из HTML-файлов будет |
|
|
|
показан в данном фрейме |
|
|
<FRAME MARGINWIDTH=" "> |
Определяет величину отступов по левому и |
|
|
|
правому краям фреймов; |
должно быть равно |
|
|
или больше 1 |
|
|
<FRAME MARGINHEIGHT=" "> |
Определяет величину отступов по верхнему и |
|
|
|
нижнему краям фреймов; |
должно быть равно |
|
|
или больше 1 |
|
|
1.8.2. Разбиение окна браузера на области
Прежде чем создавать Web-страницу с фреймами, необходимо продумать разбиение главного окна браузера на области. Приведем несколько примеров такого разбиения.
Пример 1: деление окна браузера по вертикали пополам (рис. 90).
…
<FRAMESET COLS="50%,50%">
…
</FRAMESET>
…
Рис. 90. Деление окна браузера
Пример 2: левая область окна браузера по вертикали в три раза меньше правой (рис. 91)
…
<FRAMESET COLS="25%,75%">
…
</FRAMESET>
…
Рис. 91. Деление окна браузера
Пример 3: для верхней горизонтальной области окна браузера отведено 150 пикселей, для средней – 30 процентов, для нижней – все оставшееся пространство (рис. 92).
…
<FRAMESET ROWS="150,30%,*">
…
</FRAMESET>
…
Рис. 92. Деление окна браузера