Заодно Вы сможете увидеть, как
Подытожим наши знания о логических и физических стилях с помощью . Заодно Вы сможете увидеть, как Ваш браузер показывает те или иные логические стили.
<html> <head> <title>Пример 5</title> </head> <body> <H1>Шрифтовое выделение фрагментов текста</H1> <P>Теперь мы знаем, что фрагменты текста можно выделять <B>жирным</B> или <I>наклонным</I> шрифтом. Кроме того, можно включать в текст фрагменты с фиксированной шириной символа <TT>(имитация пишущей машинки)</TT></P> <P>Кроме того, существует ряд логических стилей:</P> <P><EM>EM - от английского emphasis - акцент </EM><BR> <STRONG>STRONG - от английского strong emphasis - сильный акцент </STRONG><BR> <CODE>CODE - для фрагментов исходных текстов</CODE><BR> <SAMP>SAMP - от английского sample - образец </SAMP><BR> <KBD>KBD - от английского keyboard - клавиатура</KBD><BR> <VAR>VAR - от английского variable - переменная </VAR></P> </body> </html>
В отличие от всех примеров, которые мы рассматривали ранее, состоит не из одного, а из трех файлов. Используя META-инструкцию Refresh, мы создадим небольшой слайд-фильм из трех кадров (файлов e0009.htm, e0009a.htm и e0009b.htm), которые будут циклически повторяться. Для остановки демонстрации нужно будет воспользоваться любой из гипертекстовых ссылок.
<HTML><!--файл e0009.htm --> <HEAD> <TITLE>Пример 9</TITLE> <META HTTP-EQUIV="Refresh" CONTENT="2; URL=e0009a.htm"> </HEAD> <BODY bgcolor=#FFFFFF text=#000000 link=#FF0000> <H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1> <P>Черный текст на белом фоне </P> <P>[<A HREF="pr.htm">Возврат к оглавлению</A>| <A HREF="pr0006.htm">Возврат к главе 6</A>]</P> </BODY> </HTML><!--конец файла e0009.htm -->
<HTML><!--файл e0009a.htm --> <HEAD> <TITLE>Пример 9a</TITLE> <META HTTP-EQUIV="Refresh" CONTENT="2; URL=e0009b.htm"> </HEAD> <BODY bgcolor=#000000 text=#FFFFFF link=#FF0000> <H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1> <P>Белый текст на черном фоне </P> <P>[<A HREF="pr.htm">Возврат к оглавлению</A>| <A HREF="pr0006.htm">Возврат к главе 6</A>]</P> </BODY> </HTML><!--конец файла e0009a.htm -->
<HTML><!--файл e0009b.htm --> <HEAD> <TITLE>Пример 9b</TITLE> <META HTTP-EQUIV="Refresh" CONTENT="2; URL=e0009.htm"> </HEAD> <BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000> <H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1> <P>Синий текст на сером фоне </P> <P>[<A HREF="pr.htm">Возврат к оглавлению</A>| <A HREF="pr0006.htm">Возврат к главе 6</A>]</P> </BODY> </HTML><!--конец файла e0009b.htm -->
[ | | ]
Для демонстрации использования форм я написал небольшую программу на PHP, которая находится по адресу:
http://206.31.82.215/hp/nc/fd-win.pht
Исходные данные в эту программу передаст форма, описанная в :
<HTML> <HEAD> <TITLE>Пример 12</TITLE> </HEAD> <H1>Несколько более сложная форма </H1> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> <H2>Расскажите немного о себе...</H2> <P>Указывать подлинные данные совсем не обязательно. Для целей демонстрации вполне подойдут и вымышленные. </P> <P>Имя: <INPUT TYPE=text SIZE=40 NAME=fn><BR> Фамилия: <INPUT TYPE=text SIZE=40 NAME=ln><BR> Пол: <INPUT TYPE=radio NAME=gender VALUE="male" checked>мужской <INPUT TYPE=radio NAME=gender VALUE="female">женский<BR> Возраст: <INPUT TYPE=text SIZE=5 NAME=age> лет<BR> <INPUT TYPE=submit VALUE="Запустить обработчик"></P> </FORM> </BODY> </HTML>
Заполняйте форму, жмите на кнопку и смотрите, что будет...
