Описываем фреймовую структуру 


Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Описываем фреймовую структуру



<FRAMESET rows="100, *">

<FRAMESET cols="20%, 80%">

cols="20%, 80%"

rows="100, *"

<FRAMESET rows="100, *" border="2">

<FRAMESET rows="100, *" border="red">

<FRAMESET rows="100, *" frameborder="yes">

<FRAMESET rows="100, *" frameborder="no">

<FRAMESET rows="100, *" framespacing="2">

Описываем отдельную область

<FRAME src="doc2.html">

<FRAME src="charter1.html" name="charter">

<FRAME src="charter1.html" name="charter" scrolling="auto">

<FRAME src="charter1.html" name="charter" scrolling="yes">

<FRAME src="charter1.html" name="charter" scrolling="no">

<FRAME src="charter1.html" name="charter" marginwidth="5">

<FRAME src="charter1.html" name="charter" marginwidth="5" marginheight="5">

<FRAME src="charter1.html" name="charter" border="red">

<FRAME src="charter1.html" name="charter" frameborder="yes">

<FRAME src="charter1.html" name="charter" frameborder="no">

<FRAME src="doc1.html" scrolling="no" NORESIZE>

1.10.5. Тэг <NOFRAMES>

<NOFRAMES>

Ваш Web-браузер не отображает фреймы

</NOFRAMES>

Загружаем документ в определенный фрейм

<A href="file1.html" target="_blank">Текст ссылки</A>

<A href="file1.html" target="_self">Текст ссылки</A>

<A href="file1.html" target="_top">Текст ссылки</A>

<A href="file1.html" target="_parent">Текст ссылки</A>

<A href="file1.html" target="charter">Текст ссылки</A>

<FRAME src="charter1.html" name="charter">

1.10.7. Тэг <IFRAME>. Вставляем фрейм в обычный документ

<IFRAME src="doc2.html">

<IFRAME src="charter1.html" name="charter">

<IFRAME src="charter1.html" name="charter" scrolling="auto">

<IFRAME src="charter1.html" name="charter" scrolling="yes">

<IFRAME src="charter1.html" name="charter" scrolling="no">

<IFRAME src="charter1.html" name="charter" marginwidth="5">

<IFRAME src="charter1.html" name="charter" marginwidth="5" marginheight="5">

<IFRAME src="charter1.html" name="charter" frameborder="yes">

<IFRAME src="charter1.html" name="charter" frameborder="no">

<IFRAME src="charter1.html" name="charter" frameborder="yes" border="2">

<IFRAME src="charter1.html" name="charter" width="200">

<IFRAME src="charter1.html" name="charter" width="200" height="200">

<IFRAME src="charter1.html" name="charter" vspace="5">

<IFRAME src="charter1.html" name="charter" hspace="5">

<IFRAME src="charter1.html" name="charter" align="left">

<IFRAME src="charter1.html" name="charter" align="right">

<IFRAME src="charter1.html" name="charter" align="center">

Листинг 1.18. Пример применения плавающих фреймов

<HTML>

<HEAD>

<TITLE>Пример применения плавающих фреймов</TITLE>

</HEAD>

<BODY>

<H1 align="center">Название документа</H1>

<BR>

<IFRAME src="charter1.html" name="charter" align="right" width="500" height="200">

Ваш Web-браузер не отображает фреймы

</IFRAME>

<H2>Оглавление</H2>

<UL type="disk">

<LI><A href="charter1.html" target="charter">Глава 1</A>

<LI><A href="charter2.html" target="charter">Глава 2</A>

</UL>

</BODY>

</HTML>

Карты-изображения

Создаем панель навигации при помощи карт-изображений

Листинг 1.19. Пример применения карт-изображений

<HTML>

<HEAD>

<TITLE>Пример применения карт-изображений</TITLE>

</HEAD>

<BODY>

<H1 align="center">Название документа</H1>

<BR>

<IFRAME src="charter1.html" name="charter" align="right" width="500" height="240">

Ваш Web-браузер не отображает фреймы

</IFRAME>

<IMG src="foto.gif" width="120" height="240" border="1" usemap="#karta">

<MAP name="karta">

<AREA share="rect" coords="0,0,120,120" href="charter1.html" target="charter" alt="Глава 1">

<AREA share="rect" coords="0,120,240,240" href="charter2.html" target="charter" alt="Глава 2">

<AREA shape="default" nohref>

</MAP>

</BODY>

</HTML>

Структура карт-изображений

Листинг 1.20. Структура карт-изображений

<!-- Часть 1 -->

<IMG src="foto.gif" width="120" height="240" border="1" usemap="#karta">

<!-- Часть 1 -->

<!-- Часть 2 -->

<MAP name="karta">

<AREA shape="rect" coords="0,0,120,120" href="charter1.html" target="charter" alt="Глава 1">

<AREA shape="rect" coords="0,120,240,240" href="charter2.html" target="charter" alt="Глава 2">

<AREA shape="default" nohref>

</MAP>

<!-- Часть 2 -->

1.11.3. Тэг <MAP>

Описываем активную область на карте-изображении

<AREA shape="rect">

<AREA shape="circle">

<AREA shape="poly">

<AREA shape="default">

<AREA shape="rect" coords="x1, y1, x2, y2">

<AREA shape="rect" coords="0, 0, 120, 120">

<AREA shape="circle" coords="x1, y1, r1">

<AREA shape="circle" coords="60, 60, 30">

<AREA shape="poly" coords="x1, y1, x2, y2, x3, y3">

<AREA shape="poly" coords="10, 100, 60, 10, 100, 100">

<AREA shape="circle" coords="60, 60, 30" href="charter1.html">

<AREA shape="circle" coords="60, 60, 30" href="http://www.mysite.ru/charter1.html">

<AREA shape="circle" coords="60, 120, 60" nohref>

<AREA shape="rect" coords="0, 0, 240, 240" href="http://www.mysite.ru/charter1.html">

<AREA shape="rect" coords="0, 0, 240, 240" href="charter1.html" alt="Всплывающая подсказка">

<AREA shape="rect" coords="0, 0, 240, 240" href="charter1.html" target="_blank">

Формы

Создаем форму для регистрации сайта

Листинг 1.21. Пример использования форм

<HTML>

<HEAD>

<TITLE>Пример использования форм</TITLE>

</HEAD>

<BODY>

<H1 align="center">Пример формы регистрации сайта</H1>

<BR>

<FORM action="file.php" method="POST" enctype="multipart/form-data">

Логин:<BR>

<INPUT type="text" name="pole1"><BR>

Пароль:<BR>

<INPUT type="password" name="pole2" value="Пароль"><BR>

URL-адрес сайта:<BR>

<INPUT type="text" name="pole3" value="http://" size="20"><BR>

Название сайта:<BR>

<INPUT type="text" name="pole4" size="20"><BR>

Описание сайта:<BR>

<TEXTAREA name="pole5" rows="10" cols="15">

</TEXTAREA><BR>

Тема сайта:<BR>

<SELECT name="pole6">

<OPTION value="0" selected>Тема не выбрана

<OPTION value="1">Тема1

<OPTION value="2">Тема2

<OPTION value="3">Тема3

</SELECT><BR>

Баннер 88*31:<BR>

<INPUT type="file" name="pole7" size="20"><BR><BR>

<INPUT type="reset" value="Очистить">

<INPUT type="submit" value="Отправить">

</FORM>

</BODY>

</HTML>



Поделиться:


Последнее изменение этой страницы: 2016-08-01; просмотров: 118; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.216.227.76 (0.012 с.)