, , picture.gif HTML-.
<IMG SRC="picture.gif">
<IMG SRC=" "> ALT="", :
<IMG SRC="picture.gif" ALT="">
, picture.gif. ALT , , , .
, , . .
7
<HTML>
<HEAD>
<TITLE> 7</TITLE>
</HEAD>
<BODY>
<H1> </H1>
<P> : </P>
<P><IMG SRC="picture.gif"></P>
<P> , "", :</P>
<P><A HREF="index.html"><IMG SRC="picture.gif">
</A></P>
</BODY>
</HTML>
<A HREF="..."> </A>, , .
5. <BODY> <META>
HTML-
HTML- , <BODY>.
:
bgcolor .
text .
link , .
vlink , .
alink , , .
. (, ) (00) 255 (FF).
, (RED, BLUE, AQUA, WHITE, YELLOW, GREEN,).
bgcolor=#FFFFFF
. , FF ( 255). .
text=#000000
. , 00 (). .
link=#FF0000
. FF (255), 00 (). .
<BODY> background=" ", , . , GIF ( *.gif) JPEG ( *.jpg *.jpeg).
|
|
- , . - HTML- .
-
HTML- META-.
META- ( NAME) ( CONTENT).
META-
<META NAME="description" CONTENT=" ">
description .
<META NAME="keywords" CONTENT=", HTML, WWW, , , ">
keywords , .
META- .
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">
META- HTML- Windows/1251.
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=koi8-r">
META- , -8.
<META HTTP-EQUIV="Refresh" CONTENT="; URL=">
META- : " , ".
, , :
<META HTTP-EQUIV="Refresh" CONTENT="10; URL=http://www.yi.com">
10 , , http://www.yi.com.
8
, , 8 .
META- Refresh, - ( 1.html, 1a.html 1b.html), . .
<!-- 1.html -->
<HTML>
<HEAD>
<TITLE> 8</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1a.html">
</HEAD>
<BODY bgcolor=#FFFFFF text=#000000 link=#FF0000>
<H1>- <BR> META- Refresh </H1>
<P> </P>
<P>[<A HREF="index.html"> </A>|
<A HREF="2.html"> 2</A>]</P>
</BODY>
</HTML><!-- 1.html -->
<!-- 1a.html -->
|
|
<HTML>
<HEAD>
<TITLE> 8a</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1b.html">
</HEAD>
<BODY bgcolor=#000000 text=#FFFFFF link=#FF0000>
<H1>- <BR> META- Refresh </H1>
<P> </P>
<P>[<A HREF="index.html"></A>|
<A HREF="2.html"> 2</A>]</P>
</BODY>
</HTML><!-- 1a.html -->
<!-- 1b.html -->
<HTML>
<HEAD>
<TITLE> 8b</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1.html">
</HEAD>
<BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000>
<H1>- <BR> META- Refresh </H1>
<P> </P>
<P>[<A HREF="index.html"></A>|
<A HREF="2.html"> 2</A>]</P>
</BODY>
</HTML><!-- 1b.html -->
<TABLE> </TABLE>.
<TABLE> :
ALIGN | . : ALIGN=LEFT ( ), ALIGN=CENTER ( ), ALIGN=RIGHT ( ). |
WIDTH | . (WIDTH=400) (WIDTH=80%). |
BORDER | (BORDER=4). , . |
CELLSPACING | (CELLSPACING=2). |
CELLPADDING | (CELLPADDING=10). |
(<CAPTION>... </CAPTION>), . <CAPTION> ALIGN.
: <CAPTION ALIGN=TOP> ( ) <CAPTION ALIGN=BOTTOM> ( ).
<TR> </TR>.
<TR> :
ALIGN | . : ALIGN=LEFT ( ), ALIGN=CENTER ( ), ALIGN=RIGHT ( ). |
VALIGN | . : VALIGN=TOP ( ), VALIGN=MIDDLE ( ), VALIGN=BOTTOM ( ). |
<TD> </TD>.
<TD> :
NOWRAP | , |
COLSPAN | "" . COLSPAN=3 , . |
ROWSPAN | "" . ROWSPAN=2 , . |
ALIGN | . : ALIGN=LEFT ( ), ALIGN=CENTER ( ), ALIGN=RIGHT ( ). |
VALIGN | . : VALIGN=TOP ( ), VALIGN=MIDDLE ( ), VALIGN=BOTTOM ( ). |
WIDTH | (WIDTH=200). |
HEIGHT | (HEIGHT=40). |
, . , , (non-breaking space ). - , .
|
|
.
9
<HTML>
<HEAD>
<TITLE> 9</TITLE>
</HEAD>
<H1> </H1>
<TABLE BORDER=1> <!-- -->
<CAPTION> <!-- -->
</CAPTION>
<TR> <!-- -->
<TD> <!-- -->
,
</TD> <!-- -->
<TD> <!-- -->
,
</TD> <!-- -->
</TR> <!-- -->
<TR> <!-- -->
<TD> <!-- -->
,
</TD> <!-- -->
<TD> <!-- -->
,
</TD> <!-- -->
</TR> <!-- -->
</TABLE> <!-- -->
</BODY>
</HTML>
, HTML- . -, PERL PHP (CGI-) = . . .
<FORM> </FORM>.
HTML- , . HTML- .
<FORM> , .
ACTION | . , . |
METHOD | , . : METHOD=POST METHOD=GET. , METHOD=GET. |
ENCTYPE | , . , ENCTYPE=application/x-www-form-urlencoded. |
, , , :
<INPUT TYPE=submit>
, Submit ( "" , ""), , <FORM>.
VALUE="" ( "" , ""), :
<INPUT TYPE=submit VALUE="!">
10
<HTML>
<HEAD>
<TITLE> 10</TITLE>
</HEAD>
<H1> </H1>
<FORM ACTION="8.html"> <!-- -->
<INPUT TYPE=submit VALUE=", 8...">
</FORM> <!-- -->
|
|
</BODY>
</HTML>
, , NAME= ( "", ""), :
<INPUT TYPE=submit NAME=button VALUE="!">
button !.
submit / . , , - , submit .
<INPUT>
<INPUT> NAME=, (, , , ). <INPUT TYPE=text> <INPUT TYPE=password>, , .
<INPUT>:
TYPE=text | . SIZE=[] ( ) MAXLENGTH=[] ( ). <INPUT TYPE=text SIZE=20 NAME=user VALUE=""> 20 . , . ( ) user. |
TYPE=password | . text, (*). <INPUT TYPE=password NAME=pw SIZE=20 MAXLENGTH=10> 20 . 10 . pw. |
TYPE=radio | . checked (, ). . <INPUT TYPE=radio NAME=modem VALUE="9600" checked> 9600 / <INPUT TYPE=radio NAME=modem VALUE="14400"> 14400 / <INPUT TYPE=radio NAME=modem VALUE="28800"> 28800 / , 9600 /, 14400 / 28800 /. . , modem 9600. , modem 14400 28800. |
TYPE=checkbox | , . checked (, ). , . <INPUT TYPE=checkbox NAME=comp VALUE="PC"> <INPUT TYPE=checkbox NAME=comp VALUE="WS" checked> <INPUT TYPE=checkbox NAME=comp VALUE="LAN"> <INPUT TYPE=checkbox NAME=comp VALUE="IS" checked> . . , : comp=WS comp=IS. |
TYPE=hidden | , . <INPUT TYPE=hidden NAME=version VALUE="1.1"> version, 1.1. |
TYPE=reset | , . , reset name. <INPUT TYPE=reset VALUE=" "> , . |
<INPUT>, <SELECT> <TEXTAREA>.
<SELECT> n :
<SELECT NAME="">
<OPTION VALUE=" 1"> 1
<OPTION VALUE=" 2"> 2
...
<OPTION VALUE=" n"> n
|
|
</SELECT>
<SELECT> </SELECT>. <SELECT> NAME, , .
<SELECT> MULTIPLE, , . <SELECT MULTIPLE> , ( SIZE=). <SELECT> .
<OPTION> . VALUE , , . <OPTION> selected, , .
<SELECT NAME="selection">
<OPTION VALUE="option1" selected > 1
<OPTION VALUE="option2"> 2
<OPTION VALUE="option3"> 3
</SELECT>
: 1, 2 3. 1. selection option1 ( ), option2 option3.
<TEXTAREA> .
<TEXTAREA NAME=address ROWS=5 COLS=50> - ... </TEXTAREA>
. NAME , ( address). ROWS ( 5). COLS ( 50).
, <TEXTAREA> </TEXTAREA>, . .
11
<HTML>
<HEAD>
<TITLE> 11</TITLE>
</HEAD>
<BODY> <H1> </H1>
<FORM ACTION="http://win_pp.php" 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>
HTML .
11.
<FORM ACTION="http://win_pp.php" METHOD=post>
<FORM ACTION="mailto:[email protected]" ENCTYPE=text/plain METHOD=post>
, text/plain, .
, , 22 . [email protected] :
fn=
ln=
gender=male
age=22