Самоучитель по освоению языка HTML

IV
HTML
HTML

HTML

,

HTML-

HTML-

HTML-
Web
..
HTML
HTML
..
-
2003
32.973.26-018.2.75
52
681.3.07
""
. ..
"" :
info@dialektika.com, http://www.dialektika.com
..
52
HTML. . : . : "", 2003.

320 . : .
ISBN 5-8459-0466-8 (.)
World Wide Web - HTML. , , , ,
Web.
HTML, ,
Web-.
,
. ,
, .
32.973.26-018.2.75

.

, , ,
.
Copyright 2003 by Dialektika Computer Publishing.
All rights reserved including the right of reproduction in whole or in part in any form.
ISBN 5-8459-0466-8 (.)
- "", 2003

. ""
12
1. HTML
19
2.
25
3. ""
34
4.
41
5.
55
6.
61
7.
75
8. Web-
91
9.
113
10.
131
11.
161
12.
185
13. HTML-
213
14. Web-
221
15.
229
16.
253
265
. HTML
292
. 308

316

. ""
HTML
Notepad
HTML
12
12
15
16
17
17
1. HTML
19
""
HTML
:

19
20
21
22
23
23
2.

3. ""

4.
<FONT>
25
25
28
29
31
32
34
34
36
39
39
41
41
41
44
47
49
50
51
52
53
5.

6.
""

HTML ...
?
7.
HTML

8. Web-

:\ WWW

55
55
57
58
59
61
61
62
63
64
65
67
67
68
71
71
72
75
75
76
79
81
83
84
86
87
88
91
91
92
94
95
99
100
103
104
105
106
109
110
9.

"" Internet
,
-

113
114
115
116
120
126
127
128
10.
131
133
134
136
139
142
143
144
145
147
150
152
154
155
156
159
160
11.

12.

161
161
164
165
169
171
177
178
182
182
185
185
187
188
192
13. HTML-
Web-

14. Web-

...
<>
Keywords
Description
Robots
Generator
Author copyright
Content-type
Expires
Refresh
15.

197
202
206
207
210
211
213
213
214
217
218
219
219
221
221
222
224
224
225
226
226
226
227
227
227
227
227
229
229
230
231
232
233
236
237
241
246
247
248
251
251
16.
253
HTML

253
253
255
258
258
261
263
263
265
. HTML
292
308
316
10

, ,
. HTML, .
: , . . . .
, .
, . .
:
? . . ,
, . ,
. , , , , ,
. , ... .
, , .
, , . ,
HTML- .
Internet. , . .
Internet-.
, , . ,
.
HTML (. ). ,
.
, . , , .
. .
,
Web-.
, Web. .
, , ,
.
, HTML
HTML-.
,
. ""
! :
HTML? Web-? , , ? ? ?
, -
, . ? , ? . , , ,
, ...
Web- , ,
( ). ,
, "" , , .
Web- , ,
, ... .
.
, . .
. .
. .
. , , .
. ,
"".
HTML

. ,
Web? ,
Word, , , , ,
, -? - Notepad
, , ?
Word, . , ,
. , .
...
?
.
Internet.
" ". . .
HTML- ?
, , ,
. !
? .
Internet .
, ,
, .
, HTML,
Internet, .

.
.
, , . , 33,6 /. , (,
!) 33,6 / 8 = 4,2 .
,
, .
, . , . , 4,2 / 1,5 = 2,8 . ? , , , , .
, 1 . , , Web- 2,8 * 60 =
168 . , 14,4 /
72 , 54,6 / 273 .
, .
, Web- 100
150 , , 250 .
HTML- , . , .
, , , .
. , , 8.
, .
Web- , - . , Internet , , , , , .
""
13
Internet Web-.
. , , Word 2000
Word. ? Explorer () - Commander
. ? ,
HTML , . ...
, Web .
Internet?
. Web- ,
Internet .
? , -, , -, . HTML . . , , .
, HTML- Word.
. ? Pentium II? . -? !
""? -, ... ? , .
, - . ...
... Web-... ? ?! -, ...
? Windows 98... NT... 2000... ... " " ... UNIX? , ,
...
... , , Web- ... , .
, , . . ,
.
, Internet, ,
"" ,
. PC, Macintosh, . , . ? : , Web- ? , ... , ? , , .
: ?
, , , , , . ? .
, , , , , .. (
), - "" , . .
. , , , , ,
, , - -
14
. ? , , -, perText Markup Language HTML. ...

, HTML. , ? . , Microsoft Word? ?
. . ASCII . Notepad , "", Web- .
HTML-,
-. Word, , , , . Internet,
: Word Microsoft Office,
, HTML .
Notepad
Notepad, Windows Web-.

HTML, MacroHTML HomeSite. , , , , .
. : HTML .
. .
HTML- , Microsoft
FrontPage Express Web- Macromedia
DreamWeaver. ,
, Word. , Word 2000
HTML-.
HTML- ,
HTML. ,
, , Pascal .
. , , , , , , , Pascal
. : -
. ,
. , , , , . HTML- Web-
,
, , , Delphi.
""
15
, .
, . , , .
-
. : " !". : " HTML-
, FrontPage,
HTML".
HTML-?
HTML- ,
. ,
, . HomeSite, 1st Page, Arachnophilia Easy HTML. . .
, Web- -
. , ( ),
, .
1st Page: www.evrsoft.com
Arachnophilia: www.arachnoid.com
HomeSite: www.macromedia.com
Easy HTML: www.ukrwest.net
: FreeSoft (www.freesoft.ru), Freeware.ru
(www.freeware.ru), ListSoft (www.listsoft.ru), Softarea (www.softarea.ru) .
HTML
HTML . ,
. , HTML ,
: BASIC JavaScript
, .
, HTML ,
, . HTML , ,
. Web- - ,
, ,
Java JavaScript (. 16). " HTML"
. "HTML-".
16

HTML, ,
Web-, , ,
. HTML- , , . HTML .
HTML- , . HTML-
: . HTML-
, , HTML, . ,
Microsoft FrontPage Express.
HTML, . , , , ,
, -. HTML- , MacroHTML HomeSite.
HTML .
HTML- - , , -
,
, HTML,
JavaScript.
1. ?
) Microsoft Word
) Microsoft Internet Explorer
) Microsoft FrontPage Express
r) HomeSite
) Netscape Navigator
) Opera
) Mozilla
) Notepad
) PhotoShop
) Google.com
2. HTML?
""
17
) Microsoft Word
r) HomeSite
) Opera
) Mozilla
) Notepad
) Windows
) Linux
) PhotoShop
) Google.com
3.
HTML-?
) Microsoft Word
r) HomeSite
) Opera
) Mozilla
) Notepad
) Windows
) Linux
) PhotoShop
) Google.com
18
HTML
...
* ""
4 HTML
f :
*
""
, Notepad , , ... .
: "" " " ? Notepad .
- :
, !
. , , testhtml.
. : ^ (File => Open), .
Internet, HTML
. -. , Web- ...
Web-
. " " Internet
Explorer, Netscape Navigator, Opera. : " ",
, , ,
, .
? ...
, ? .
(Coding) - , (View).
. , Windows 8-. , , , -,
Web-
. ...
HTML
- ?..
.
"", , (tags).
, tag "",
"", "". HTML ,
. , "" "": <>.
: , , ,
, , "" .
:
, , ( , , , , , Windows):
, <1> </1> !
, .
, , , , . "":
, <2> !
, , , :
! <1> 2 <2> </2> 4

</1>
! , 2 4
, 1, , 1 2. , , .
.

: , . , -...
20
:
- .
: , , Word ? ,
<Ctrl+I>. , Word
I, . I? - Italic. HTML
<1> </!>. ,
, .
?
, , "" :
, <1></1> !
"" . , (View Refresh). . , IE <F5>.
, (. 1.1)? .
, - HTML.
, . , , , Notepad .txt. .htm .html. He HTML Notepad -
. ,
: testhtml.html. , (. 1.2).
, <1></1> !
D:\My docs\DIALECT\HtmlTutoiYrESTHTMLM
, <1></1> !
. 1.1. ,
, , , . , Web- ,
"" . , ,
: . , !
HTML
21
, <1></1> !
,
!
. 1.2.
HTML-, .htm .html

, ? Word,
<> ( Bold), <U> ( Underline). .
, , <1>, , .. "".
, <U> . Web (.
9), . .
, ,
? , <1>
<> (. 1.3).
I TESTHTML -
, <1></1></> !
3 O:\My docs\DIALECTUHImlTutot\TESTHTML html - ... .
'
' . ..,
"-..I,.
..'
'}
OSwuunTt,
'
4"
'
) LHCPiHImlTuto^TESTHTM
,
!
. 1.3. <1> <>

22

HTML-, .htm .html.
HTML , . ,
"" "", : <I>, <U>, <>.
() (),
.
, , :
<1> </!>
.
, :
<1> <> </> </!>
: , , .
1. HTML- ?
) , <1> </1>?
) : <!></!>
) <\1> <1>
2. HTML- ?
) <U>
) I
) , : <1><></></1>
) HTML
<1><></1></>
3. HTML-?
HTML-,
<Uxi>.htm</I> <B>.html</Bx/U>
) HTML-,
.htm .html
) HTML-,
.htm .html
) HTML-,
.htm .html
HTML
23
...
4
+
4

! , , . , - . , . - , :
,
.
() <1><>.. </></1>
,
.
() <1><>.. </></1|>
J D:\My docs\DIALECT\HtmlTutof\TESTHTMLhtml
,
. () ..
. 2.1. :
, ".. " ,
. (. 2.1).
? ?
, ?
, HTML-:
, .
. ,
. ,
,
.
, HTML
<> paragraph, "" (
), "". , :
<> ,</>
< .</>
1><>.. </></1></>
(. 2.2).
> .</>
.</>
</></1/>
, g
.
() .
. 2.2. HTML
<>
? , , Word? , :
<> , </>
< . </>
. </></1></>
-... , "" (. 2..
, ? - 6pi
, ? , (. . 2.3):
<> , </>
< . </>
. </></1></>
26
, ...
<> ,</>
< .</>
/>
,
. </>
>() <1>.. </></1/>
D:\My docs\DIALECT\HtmlTuWi\TESTHTMLhtml
, j
.
() ..
. 2.3. "" .
|<> .</>
|< .</>
|<>8;</>
1<>() <1><>.. </></1/>
} D:\Mydocs\DlALECTV-ftmlTutoi\TESTHTMLhtnil
,
.
() ..
. 2.4. ""
,
: . ,
.
27
: ( , , ) ,
, . .
7 Notepad?
Snbsp ( 3):
<> ,</>
< .</>
<P>&nbsp</p>
1><>.. </></1></>
(. 2.4) !

, : " ", , .
? , , .. ,
?
, . , . , , . ,
HTML .
, <>.
HTML . HTML . , . . , :
< 1=! 2=2 ...>

<> align.
left, right, center justify. , , ,
"" , . , justify , IE .
, < align=right>. - (. 2.5):
<> ,</>
< .</>
<P>&nbsp</p>
< align=right>(c) <1><>.. </></1></>
, !
28
<> ,</>
< .</>
<P>8nbsp;</P>
< ali9n=right>(C) <IXB>fl.C. </>1</1/> %
DAMydocs\DIALECT\HtmrTutoATESTHTML.html
^SAKStKti(îlf'^Sil'u:iiii^1Û1'
,
.
() ..
. 2.5.
align
, , HTML ,
. "" ,
, , , "", ..
.
. : " " . . , , Internet
. , ,
, . , , -
, .
.

- ? . <> .
<BR>. , , Word " ". :
,
;
29
. ,
"", (. 2.6):
<> ,<BR>
.</>
< align=right>(c) <1><>.. </></1></>
, !
<> .<BR>
.</>
alion=rioht>(C) <1><>.. </></1/>
D:\My docs\DIALECTV-mrTutoi\TESTHTMLhtml

.
() ..
. 2.6.
, <> <BR>
: <BR> . . : ""
, , .
, <> . "" ,
. . <1> <> , .
, HTML- ,
. - . , .
. , , , HTML- ,
.
, , -
. , .
, . < align=right> < align = right>.
30
. ,
: < ALIGN=RIGHT>, <P Align=Right>
< align=right>. , HTML- .
.
. HTML-,
. :
<! >
: ,
, . ,
- ,
HTML-.
,
, HTML .
HTML- <>.
, ,
<> align, left, right, center justify, . , :
< align = center> -
, , , <> ,
: .
<> , - . Snbsp;,
<BR>. , align <>.
, , HTML, , ,
, .
, , HTML-
.
, .
, . HTML- <! -->:
 </TD>
k/TR>
/TfiBLE>
D:\Mydocs\DIALECT\HtmlTutor\TESTHTMLhtml

. .
.
. 10.3. Web-: ,
, , Internet-.
135
<1 align^center- *</1>

. .
.
. 10.4. ,
border=l

! , align . , :
. , , .
, align,
2 8.
<TABLE> align "" ( , ,
). , ,
align left, right center:
,
.
136
?

. ,
HTML- "" :
10
<TABLE align=right>
</TABLE>
<1> !</1>
, :
, "", , (. 10.5).
D:\My docs\DLALECT\HtmlTutor\TESTHTMUtrnl

. . .
,__,,
_,

. .

. 10.5. . : , ""
? align
<TABLE>, , . :
<TABLE>, <>, <IMG>... ? , ,
: align <TD>
(. 10.6).
, align left, right justify,
.

137
!1:1> </1>
<TftBLE>
<TR>
<TD> <f
1</B> </TD>
<TD !8> <></> </TD>
</TR>
<TR>
<TD>
<a
D:\My docs\DWLECWtmlTutoATHS7HTMLhtm!

. .
.
. 10.6. align
. ,
? , , , . !
, :

<TR>:
<TR align=center> ... </TR>
, : , (.
" ").
, ,
? : ,
<TABLE>,
<TR>, , <TR>. ,
,
, . ,
138
10
. 10.7
, .
<TftBLE border*! align=left>

<TR align=center>
<TD>no </>
<TD>no </>
<TD align=right>no |/>
</TR>
<TR>
<TD>no </>
<TD>no </>
<TD>no </>
</TR>
<TR>
<TD>no </>
<TD>no </>
<TD>no </>
</TR>
</TflBLE>
1
[
|
{
ino
|_
||
Ino
(
Jno
. 10.7. ,

, ,
? , , , : , (. 10.8).
,
. ?
, "" .

, .
, . .

139
HI 9=1> *</1>
TABLE>
<TR>
<TD> <></> </TD>
<TD align=center> <></> </TD>
</TR>
<TR>
<TD>
<a href=page1.>> </>
<p><a href=pag92.htm>Bropafl </>
<p><a href=pag2.htni>Tp*Tbfl </>
</TD>
<TD>

<> . . .
D:\Mydocs\DIALECTVItmrTutoATESTHTMLhtml

. .
.
. 10.8. ,
? , valign. , top (. 10.9).

... ,
, .
.
:
.
.
? ,
. bottom middle valign. , : . , -
140
10
, baseline.
,
"" , "" .
</1>
<TftBLE>
<TR>
<TD> <></> </TD>
</TR>
<TR>
<TD>
<a href=page1 .htmXlepeafl </>
<p><a href=page2.htm>BTopaa </>
<p><a href = 2.> </>
</TD>
<TD

<> . .
</TD>
</TR>
C/TflBLE>

. .
.
. 10.9. valign top

. , valign , <TR>:
<TR valign=top>
<TD>
</TD>
</TR>
141

, <TABLE> .
width height, .
" "? ! , ,
... ?
, <IMG> (. 8).
. ,
( ), ( ).
Web-,
, "" , , .
HOI
.

\
I
[.
1
. 10.10. , . -
, , . 10.5,
, ,
:
<TABLE align=right width=50%>
142
10
, .
, ,
"" (. 10.10). Web? ... , , .

HTML, width height : . ,
. ,
, ( )
( ).
, , .
"" "". ,
, , , . , , ,
, .
, ,
? , width, 75%. 25% (. 10.11). ,
,
.

. , ,
, , . ,

, .
, , <TR>,
"" ? , .
, (. " ").
143
119=>4> </1>
<TflBLE>
<TR>
<TD> <></> </>
</TR>
<TR>
<TD I'llJIJlU-l-V/b
<a href = page1 . </>
<p><a href=page2.htm>BTopafl </>
<p><a href=page2.htin>TpeTbfl </>
</TD>
<TD ualign=top>

<> . . * .
</TD>
3 D \My docs\DIALECT\lllrr
</TR>
|</TflBLE>
mmm
3 DAMydtjcs\DIALECT\Htmrrirtoi\TESTHTML.html

. .
.
. 10.11. , width 25%,

,

? , , , , .
.
cellpadding. He !
. . , , . .
, , .
, , Web-. : , , , ,
"". -
144
10
"" . cellspacing , . , cellspacing=40 cellpadding=25,

40, 25 (. 10.12).
D.\My doc\DIALECTWmrrutoi\TESTHTML.html
. 10.12.
cellspacing, cellpadding
? :
. , "" , : border, . ? ...
: , ,
15? , : , , ? :
(. 10.13). , . ? border .
, border ,
. .
. 10.4. , Internet , , : Web- .
145
(TABLE
<TR>
<TD>
,
</TD>
<TD>
.
</TD>
<TR>
<TD>
</TD>
<TO>
Bropi
</TD>
</TR>
</TftBLE>
( ,
. 10.13. border
. , , ? ? . ,
: bordercolor. -. , , :
<TABLE border=15 bordercolor=green>
, HTML , 4,
color.
<TBBLE border:15
<TR>
<TD border=5)
,
</
<TD>
</
<TR>
<TD>
DAMy doct\plALECT\Hlmn'uloi\TESTHTIvlLhlml
> ,
. 10.14. ,
bordercolor, "" (. . 10.13)
? , .
(. 10.14). :
146
10
"" - . , " "

, bordercolordark bordercolorlight.
, " "
" ", .
bordercolordark , a bordercolorlight . , <TABLE border=15 bordercolorlight=red bordercolordark=blue>, .
bordercolordark bordercolorlight ,
:
, .
? ,
?
, .
.
, bordercolor,
"" bordercolorlight bordercolordark.
, ,
. , ,
"" . ,
"" snbsp;
GIF- 1x1 (. 8).

, , border,
. , ? ,
, , ?
<TABLE> , "" . , : Internet Explorer. (
) "" rules, frame. .
rules ,
. . ,
, , , rows, , cols (. 10.15). ,
border.
, .

147
frame all, , border,

. , groups
. , , " ".
,
[
,

,

,

__
^docs\D!
^-
<TflBLE border=10
<TR>
6,0
tSPHt
J ^Mydocs\DWl.EC1V-mlTutoATESTHTUL.hlml J
,
|
,
[
,

,

. 10.15. rules
148
10
, border "" ,
rules,
rules=all border=l.
frame , . border .
, frame Ihs, rhs, vsides. , above ( ), below ( ) hsides ( ). , void
: border , , (. 10.16). border box.
border=l.
,

| ,
(
,

,

,

,

149
:\My docs\DIALEtnV-mrrutaATESTHTML hlml
,

,
<
,

,

. 10.16. frame
: ,
<TABLE> .

, - . , bgcolor.
,
(. 4).
, ""
, ? Internet . ,
, , "" i
HTML- background.
,
Web-, 8.
, . (
, , ? , *
:
"". , , ]
? , ,
. ,
, , ,
"" Windows. ,
, , . ,
150
: ,
HTML, , , "" .

, HTML-.
13.
, , . :
, , , , ,
. (, , .. cellspacing ) , (. 10.17).
I =*1> /1>
<TflBLE bpR
<TD>
<BXFONT 1=><//> </TO>
<TD align=center>
<BXFONT color = uhit>HoBoc</FONTX/B> </TD>
</TR>
<TR>
<TD ui
<a h
</TD>
<TD ua
<p>B
</TD>
D:\Mydocs\DIALECT\HtmrTutortTESTHTMLhtml
^
. .
.
. 10.17. , ,
151

, , , Web-: , ? , ,
, . 10.18?
'
? ^ " " ?
. 10.18.

rowspan,
rowspan. <TD> . , (. 10.19).
152
10
(table border:1>
Ctr>
(td BBHIJB|ffi align=center><b>BbicOKafl <//1>
<td>06bHHaa <>
(/tr>
(tr>
ALECT\HtmlTutor\3.h
<table border=1>
<tr>
<td :1>1 fl4eHKa</b></td>
</tr>
<tr>
fl4efiKa</td>
fl4eiiKa</td>
fl4efiKa</td>
</tr>
</table>
. 10.19. colspan
3 , rowspan 2
" ", ,
HTML, . MS FrontPage, "" . ,
, ,
.
153

<1>. <CAPTION> (. 10.20).
<TR bgcolor-black>
<TD>
<BXFONT color=Mhite>Ccunit</FONT></e> </TO>
<TD align=center>
<TD ui
nepi
<p>(
</TD>
</TR>
/TftBLE>

. .
.
. 10.20. HTML-
,
?
-, , . ""
, . -, , "" ,
. , -, <> , . , , HTML . 10.20 .
, . ,
<CAPTION> .
,
align : left ( ) right ( ). ,
align bottom, , .
154
10
? ,
align top bottom, left, right center.

<CAPTION> valign. top bottom.
.

"" ,
- . ,
"" "". ,
,
:
<TABLE>
<TR>
</TR>
<TD align=centerxB>CcbuiKH</BX/TD>
<TD align=center><B>HoBOCTH</B></TD>
</TABLE>
"" , . , <TR>:
<TABLE>
<TR align=center>
<><//>
<TDXB>HOBOCTH</BX/TD>
</TR>
</TABLE>
. , -, . ,
-, , "" ,
, , ?
, HTML "" <> ( table
header " "). <>
<TD>, ,
(. 10.21). <>
<TD>,
.
, <TD> . , , ""
, . 10.20. <TD> , , ,
.

155
TftBLE>
CflPTION> <1> </1> </CflPTION>
<TR>
D:\My docs\DIALECT\HtmrTutoi\TESTHTMLhtml
<TD
<>
</TD>
</TR>
</TflBLE>
. .
. 10.21. <> <TD> ,

- - ... ""
,
. , ,
.
<TR>. ? , , . ? . ,
, . 10.21,
, ,
.
, , . . . . HTML .
<COLGROUP>. ,
, , :
156
10
<TABLE>
<COLGROUP align=center>

</TABLE>
, , .
,
? , <COLGRDUP>:
<TABLE>
<COLGROUP align=center> 

<COLGROUP align=center> 
</TABLE>
!
<COLGROUP> span. , <COLGROUP
span=2 align=center> . , , , , ,
span=l, : , ?
, .
, , , ?
HTML, ,
. , , , . : <COLGROUP> ,
, "":
<COLGROUP => <! -->
<COLGROUP >
, , <COLGROUP>? ,
. ( valign), (width height) (bgcolor).
, <TD>.
, , , : ,
""
. ,
. 10.22.
157
<COLGROUP align=center>
<COL6ROUP span=2 bgcolor:lightblut>
<TR>
<></>
<></>
<TH>Snbep:</TH>
</TR>
<TR>
<TD> <a href=page1,1> </> </TD>
<TO> </TD>
<TD> 81.81.61 </TD>
</TR>
<TR>
<TD> <a href=page2.htm>BTOpaa </> </TD>
<TD> . Be. . </TD>
<TD> 82.62.62 </TD>
</TR>
<TR>
<TD> <a href=page2.htn>TpeTbfl </> </TD>

<TD> Snbep; </TD>
<TD> Snbsp; </TD>
</TR>
; *
;
. 10.22. <COLGROUP>

. ? ,
"", .
, : <COLGROUP>
? , ?
. , . , , . <COL>, <COLGROUP>. , (. 10.23).

<COL>? , <COLGROUP>. :
<COL> , <COLGROUP>.
158
10
<TflBLE uidth*leex>
<CflPTION> <H1 * +/1 > </CflPTION>
<COLGROUP alian=cntr>

<TD>
<TD>
<TD>
</TR>
<TR>
<TD>
<TD>
<TD>
</TR>
</TflBLE>
62
<a I
Snb

HOI
. 10.23.
, , <COL>,
<COLGROUP>... </COLGROUP>
, , Web-,
. , , . , ,
, :
, .
, , , - . ,
, , .
, , .
Web-
, , . ,
.

159
: <TABLE>, <TR> <TD>.

<TABLE> ,
<TR> <TD> , . , .

( width height), ( align),
( border, bordercolor, bordercolordark bordercolorlight), a
( bgcolor) ( background).
, align bgcolor, (. ). ,
. , , align <TABLE> ,
<TR> <TD> .
,
HTML. <TABLE> cellpadding cellspacing. . frame rules.
<TD> colspan rowspan.
HTML ""
<CAPTION> <>.
<TABLE>... </TABLE> . <TD> , .
,
<TR>. ,
<COLGROUP>. span.
, , , <COL>,
<COLGROUP>... </COLGROUP>.
. ,
. , , . .
1. . 10.1.
2. . 10.1.
160
10
11
...
4
4
4
4
4
f
4

, , , , , !
... , Web- ?
, : . . . ,
, - ,
, , : " "
(. 11.1). ...
, , :
. , "" . HTML-? , , ?
, . , HTML. Internet Explorer Web-, .
"" ,
"" . ""
:
<FRAMESET ^
<FRAME src="sourcel.htm" name="framel">
<FRAME src="source2.htm" name="frame2">

</FRAMESET>
-

-

i] -

Internet Explorer
.
Internet Explorer
.
1.
,

,

2.

, ,

,
.

.
. 11.1.
, , ,
src.
(. 8). , ""
. HTML- . "" Internet "".
-, , .
, , "" ?
.
, ... , , - ! , ,
, (
\), . , (, ), , . , "" homo sapiens.
frame "", "", "", ""... ,
. "", "". Web
Web-. , .
162
11
(. 10). . . ,
, - .
HTML
. - .
,
,
<FRAMESET> (. 11.2).
<FRftMESET cols=*,x>
< src=left.htnl>
<FRftME src=right.htl>
</FRflMESET>
-' ' |
|
,......,.. ',' j
!
'. 'ip-^ " 11'^
1
1 D.\My docs\DIALECT\Htmrfmoi\TES 'j*'|
. 11.2.
HTML-, <FRAMESET>

. , ""
, ,
. ,
, , .
"".
,
.

" "
.
163
: ,
"" , . ,
: , ,
, ,
( . 14).

. , Web-
, :
, , .
10, . :
HTML
" ".
, . HTML- references.html news.html
(. 11.3).
<FRflMESET>
<FRftME src="references.html">
<FRflME src="nws.htBl">
</FRflMESET>
D:\Mydocs\DW_ECT\
. 11.3. : , . - ...
164
11
, ! - ...
?
,
.
cols rows, , ( ) (
). cols rows
, , .

, .
. , , 250 , 550.
, . 11.4.
: .
< src="references.htnl">
< erc="newe.htl">
</FRMESET>
ttvily docs\DIALECT\HmrTutoATESTHTML.html

_
-

12
15 !
23 ,
...

..
!!!
. 11.4.
cols
, rows? (. 11.5)...
, - .
, , ,
, .
165
12
15
23
, ...
I
. 11.5.
, ? : cols= , . - :
<FRAMESET cols=100,200,400>
. ,
. , ,
, . . , , .
, ,
. ,
, .
? . , .
, -.
. . :
(. 11.6).
166
11
U<FRftMESET
<FRBME src="references.htl">
<FRflHE 8rc="nes.htl">
|]</FRfiMESET>
r,,,^>a
,n.i:,,,,i,
Hnt-n;-
IT.
,;..-, :-
.i,.'^,>!
I-PPIM -:
3 D:\My docs\DIALECWmlTutot\TESTHTMLhtml
1 flllf, -rrlr-fl-Y-r-f-- =

.51
-

12
15
23
,
...
!!!
1
JJ
. 11.6. , " "
, , . ? .
, ?
-- .
"", .
(. 11.7).
, , , , ,
.
, .
HTML-
, : , , 30% , , .
"
". . ,
, 30% , , 70%? , 30%, (. 11.8).
167
(FRAMESET
<FRSME erc="rfrnce9.htl">
<FRftHE sr
</FRflHESET>
D Wy doraUMLECT\HlmlTuttiVrESTHTML
15
!
23

...
. 11.7. ""

FRflMESET
<FRftME erc^'rtfertnces.htnl")
<FRftHE src="nHS.htl">
/FRflHESET>
,!) D:\My docs\DW-ECT\HtmrTutoi\TEST>ITMLhlml
12
15 !
23
,
...
!!!
. 11.8. , ""
168
11
, , .
"" , ,
, . ,
<FRAMESET cols=*,2*>
, ,
1/3, 2/3 (. 11.9).
<FRAMESET
<FRflME src="rfer*nces.htiil">
<FRftHE ere="n*He.htl">
</FRflMESET>
OPOR-O
.
B",.
.-!:.--<"
-.:
D:\Mydoc5\Dl4LECTiHtmfTutor\TESTHTMLhlml

&

12
15 !
23 ,
...
!!!
!
!
. 11.9. "" ,
, ,

, , ?
, ,
: ? <FRAMESET> rows cols (. 11.10)? , , , ...
, : ,
. , , , .
, <FRAMESET> (. 10.11).
169
<FRAHE rc"hd.htil">
<FRftME ere = "rfrne.htl">
<FRflME src="news.html">
</FRflMESET>
. 11.10. <FRAMESET> ,
FRftMESET
<FRflME src="hd.htr'>
<FRHESET cole=.2>
<FRflME erc="rfrnces.htnl">
<FROME src="nns.btnl">
</FRfiMESET>
</FRflMESET>
%f
%
:|
12
..
15
23
,
...
_.!?
.

1 81
1
!!!
!
iH
. 11.11. ,
170
11

, ,
Windows, .
, .
; .
,
, .
, .
, . "" frameborder, yes . yes 1,
0. , , , , frameborder=yes
: .
,
frameborder=0 - . ,
"" (. 11.12).
<FRAME erc="head.htl">
<FRflMESET eols=K,2*>
<FRfiME src="referencs.htl">
<FRflHE *<"
</FRflMESET>
</FRftMESET>
._
iel D \My docaWI FOT\I ilmll utui\TEG1 H i Ml html

.....
'-
12
15
23
,
...
!!!
iixnuiv !
. 11.12. frameborder=0,

171
, fraraeborder , <FRAMESET>, <FRAME>, . -. ,

<FRAMESET>,To . , (. 11.13).
<FRMEST
<FRAHE erc="heBd.htl">
<FRftMESET cols=,2
<FRftME src="referencs.htl">
<FRflME erc="news.html">
</FRflMESET>
</FRflMESET>
&">
D:\My docs\DIALECT\HmlTuttATESTHTMLhIml
12
. 11.13. frameborder=0
<FRAMESET>,
border.
, (. 11.14).
<FRAMESET>.
, Windows. , , , HTML, bordercolor. . , fRRGGBB.
, bordercolor , (. 11.15).
172
11
<FRflMESET roue:100,
<FRflME 8rc="head.htl">
<FRflMESET cols=>,2*
<FRSME src="referencs.ht
<FRflME src="newe.htnl">
</FRflMESET>
</FRftHESET>
D:\My docs\DtALECT\Htmrrutoi\TESTHTMLhtm
12
15 !
. 11.14. border
, framespacing.
. . ,
, : , . ,
: , cellspacing .
, "" (. 11.16).
, "" , 13.
, framespacing , .
. , , ,
.
173
j,TCSTHTML-6/iuK
[FRAMESET rows:100.x border:20 bordereolor:red>

<FRflME src:"head.html">
<FRftMESET cole:x,2x>
<FRAME arc:"references.html" bordercolor=yellon>
<FRflME erc:"neMs.htnl">
</FRflMESET>
/FRAMESET>
D:\My etec*WICTVHtmrruta\TESTHTMUltml

-
1

12
15 !
23 ,
...
. 11.15. bordercolor
marginheight marginwidth. <FRAME>

.
(. 11.17).
, , ,
, .
? , "" .
, , : ,
, ?
174
11
! TrSTMTML -
UFRflMESET rows'100. fraeepacing=2e>

<FRflME src="head.html">
<FRflMESET cols=x,2*
src="rfrencs.htnl">
<FRftME src="nwe.html">
</FRflMESET>
J</FRflMESET>
. ;' i-
3H>\My<inr.s\l>IAII I \> llml rulnryn SI H Ml hi
3 DV^y docs\DK4-ECT\HtmlTutoiMESTHTML.html
. 11.16. framespacing

, : .
, . ?
<FRAME> noresize. . , ,
. ,
<FRAMESET rows=100,*>
<FRAME src="head.html" marginheight=5 noresize>
<FRAME src="references.html">
<FRAME src="news.html" marginwidth=50>
</FRAMESET>
</FRAMESET>
, references.html news.html, - , head.html .
175
FRAMESET rous=100,*>
<FRflME erc="had.htil"
<FRflMESET cole=x,2x>
<FRflME src="references.htl">
<FRflME src="neus.html" merginuidth=50>
</FRftMESET>
</FRflMESET>
D:\My docs\DIALECAHtmlTutoATESTHTML html
12
15
23 ,

...
. 11.17. marginheight
, a raarginwidth
, , .
, . , , . ,
, , , .
, ,
<FRAME> scrolling. -, yes, no auto.
,
,
, . ,
: , ;
, .
, scrolling=no. , , (. 11.18)
176
11
12
15 !
<FRftMESET =?,>0
<FRflME src="head.html" rginheight=5 noresize
<FR(tMESET cols=,2x>
<FRflME src="references.html">
<FRflME src="news.ht*l" narginwidth=5e>
</FRflMESET>
</FRflMESET>
12
Bar
. 11.18. , scrolling
, , :
, , ,
?
,
. , ,
. name:
<FRAME src="news.htm" name=raainframe>
177
, , target <>:
< href="prod.html" target=mainframe>Hama />
, 9.
,
target: _top _parent
, ; _self
, _blank .
, ,
. HTML <NOFRAMES>. <NOFRAMES>... </NOFRAMES>?
, ( )
, -... , , , ,
, <NOFRAMES> .
- HTML- ,
, , - :
<FRAMESET cols=2*,*>
<FRAME src="left.html">
<FRAME src="right.html">
<NOFRAMES>
, .
!
</NOFRAMES>
</FRAMESET>

,
, , .
: , "" ,
- .
, "" ,
"" (. 11.19). , ,
. , .
178
11
((FRAMESET rous=TO,,70>
<FRflME erc="up.htel" noreeize scrolling=no>

<FRflMESET eole=2>,i<,>
<FRflME erc="lft.htnl" noreeiz ecrolling:no>
<FRflME erc="neue.htl">
<FRftME erc= "right. htl" noreeiz* ecr-olling=no>
</FRftMESET>
<FRflME erc="doun.htnl" norsiz scrolling=no>

!</FRflMESET>
$ D:\My docs\DlECT\Hlm!TuIOI\TESTHTM..html
. 11.19. "" "" .
- . , , .
, , , left.html, right.html, up.html down.html
, .
, .
<IFRAME> ( inline frame). ,
<FRAME>. <FRAME> , a <IFRAME> !
<IFRAME> </IFRAME>?
, , , HTML ,
.
<IFRAME>: , , , - , (. 11.20).
179
<TflBLE bgcolor=pink Midth=100X>

<TR>
<TH bgcolor'black colspan=2>
<H1XFONT colorsuhitHa3BaMM /FONTX/HI >
</THX/TR>
<TRXTD>
<H3>CcwiKH:</H3>
: href: prod. htiOHana </>
< href=seru.ht>HaiM </>
< href=price. htnpaflc-nMCT</fl>
<PXfl href=contacts.ht>flpc ></>
<PXfl hrf=ap.ht>KapTa </>
</TD>
<TD>
<>:</>
<IFRftHE src=nns.htl>
[^TflBLE bgcolorûhitQ C9llpadding= 10 width-80/ n >
K T R X T D ualign=top>ianbsp;flHDapfl</TD:_
S|<TD ualign=top>C !</TDX/TR
" <TRXTD -1>125;/>
^ <TD ualion=top>Co < / /
D:\Wydocs\DIALEC
' &'
!Sf||
:
1
I <Jocs\DIALECnrtmrTuBl\2.hhil
:
! i
I 1
I 12
. 11.20. <IFRAME>
,
,
<IFRAME> .
. 11.20 <IFRAME>
src. , , ,
"" , news.html. .
, width height
. , () (
180
11
, "" ).

(. 11.21), - : , ...
href=contacts.ht>ftapeca *</>
( href=map.htni>KapTa </>
C/TD>
width:7>
(>:</>
CIFRflME
(TABLE bgcoloi-'Uhit cellpadding=10 Hldth=89X>
(TRXTD ualign=top>ianbsp;flHBapfl</TD>
<TD ualign=top>C //
<TR
(TD
C/T
12
15
23
,
...
!!!
;;>i.V.:|v-'
. 11.21. , width height ,
, <FRAME>.
, . <FRAME>, <IFRAME>
, , marginheight marginwidth. ,
frameborder scrolling. , ,
, , name,
.
181

HTML, .
HTML-
<FRAMESET>. <FRAME>, . HTML-
, <FRAME> src.
<FRAMESET>. cols, rows. ( ) , , .
, *.
<FRAMESET>
cols, rows.
, , :
<FRAME> <FRAMESET>.
. .
, . . . <FRAMESET> <FRAME>
, .

, name. target <>.

<IFRAME>. ,
<FRME>, , <FRAMESET>, HTML-.
1. HTML- ?
) <FRAMESET rows=70,*> </FRAMESET>
) <FRAMESET rows=70%,*,70>... </FRAMESET>
) <FRAMESET cols=70,*%> ... </FRAMESET>
r) <FRAMESET cols=70000,*> ... </FRAMESET>
) <FRAMESET rows=*,*> ... </FRAMESET>
) <FRAMESET rows=2*,*> </FRAMESET>
182
11
) <FRAMESET rows=**,*> ... </FRAMESET>

) <FRAMESET rows=*;*> ... </FRAMESET>
) <FRAMESET rows=*> ... </FRAMESET>
2. HTML- ?
) <FRAMESET cols=*,*>
<FRAKE src="sourcel.htm">
</FRAMESET>
<FRAME src="sourcel.htm">
<FRAME src="source2.htm">
</FRAMESET>
) <FRAMESET cols=*,* rows=*,*>
<FRAME src="sources.htm">
</FRAMESET>
r) <FRAMESET cols=*,*,*,*>
<FRAME src="sources.htm">
</FRAMESET>
</FRAMESET>
3. HTML- ?
) <FRAMESET cols=*,* frameborder=no>
</FRAMESET>
) <FRAMESET C0ls=*,*>
<FRAME src="sourcel.htm" frameborder=no>
</FRAMESET>
) <FRAMESET cols=*(* border=no>
</FRAMESET>
183
) <FRAMESET cols=*,* border=10>

</FRAMESET>
<FRAME src="sourcel.htm" border=10>
</FRAMESET>
4. HTML- ?
<IFRAME src="sourcel.htm" border=10>
<IFRAME src="source2.htm">
</FRAMESET>
) <TABLE>
<TR><TD><IFRAME src="sourcel.htm" border=10></TD>
<TD><IFRAME src="source2.htm"x/TD></TR>
</TABLE>
) <IFRAME> </1>
184
11
12
...
4
*
*
4

4 -
*

Web- . , ""
, , . : ",
, ".
""
.
. , ,
.
?
Web-,
, , .
, "" Web, HTML-,
HTML. , , <FORM>:
<FORM >
</FORM>
: , , "", "" , ? " ",

,
. , !
, , , ,
- .
, : - .
<FORM> ,
. !
: , ,
, , , , , "" ...
? - .
, , action. , - ,
URL, .
.
, .
, , . ,
JavaScript (. 16).
, - action
. , .
? : HTML
Internet. :
(": ; : 123456789; :
.."), , (, URL). ,
, method. post ( ""),
get (""). . , ? . , post.
, , , Internet. , ,
enctype ( encryption type ).
MIME. enctype application/x-www-form-urlencoded,
text/plain. , , :
186
12
<FORM dLction=mai.lto:no4TOBUH@aflpec method=post enctype=text/plain>
</FORM>
, . ,
, , , , . ,
? ,
target (. 11).

... , . , ,
. ,
... , , HTML,
: HTML- .
HTML-? ,
. ,
- . : ?
, , , ... ... "" (
, , )... , , ,
, . , ...
, : , , . ,
, , : "", "" ..
, . - ,
.
, : . , : ,
, , .., ,
, . , "", , ,
, .
.
Web-.
.
, , , ?
. -, ,
. value. , , . name (. 11).
187

HTML- .
, Internet-, ,
: ,
(. 12.1).
'
1
<=
- Google- Google In English
w
. 12.1. .

<INPUT>.
, "" , . type " " . , text, <INPUT> "" .
, . , <FORM> <INPUT>. ,
(. 12.2).
188
12
ffj TESTHTML - bnuKHUT
<FORH act ion:"mail to:nynailQnail.ru"

enctype=text/plain method=post>
<> :</U>
<INPUT type:text nane:search
ualu*="1235678312356789123456789">
</FORM>
: |123467891234678
. 12.2. ,
.
: ? , , , .
search 123456789123456789123456789, value. ,
, .
? . , 18 . , , ?
"" size. , . , -
, , size 2.
? . , , ""
(. 12.3).
,
maxlength. ,
. 2,
(. 12.4).
.
,
. . , type password (. 12.5).
189
:FORM action=".ailto:y.aiieail.ru"
nctype:text/plain ethod=post>
! :
:INPUT tupe=text nane=data
.......
ilons@ukr.net (moil)
. 12.3. size ,
<FORH action="mailto:Mymail@nail.ru"
enctype:text/plain nethod=post>
:
<INPUT type=text name: dot a siz=2
</FORH>
) D:\Mydocs\DIALEC
--^-. Mif. rnsoft Internet Explorer.

data=12
. 12.4. maxlength
190
12
<FORM action="ai 1 to:nynai18nai 1.ru"

enctype=text/plain iethod=post>
:
<INPUT
nane^psu size=8>
D:\Mydocs\DlALECT\
=-... -- -
_polonscomizdat.com ()
Microsoft Internet Explorer
psw=naponb
. 12.5. : ,
,
, , HTML-. , , . ... , , :
. , .
, , .
, Windows,
. HTML-, type file (. 12.6).
, , .
<INPUT> type=hidden:
<INPUT type=hidden name=secret value="B ">
191
<FORH act 1="11 to: nyiiiail8iiail.ru"

enctupe= text/plain method=poet>
:<>
<INPUT IJII.fmitJ name=fl size=5S>
.'-^. .
1
....':.:::.
D:\MydocsVDiALECTYItmlTutor\TESTHTMLhtml
:
p :VMy docsVD I ALECTVHtmlTutortFAQ .doc
' Microsoft Internet Explore
fl=D:\My docs\DIALECT\HtmlTutor\FAQ.doc
. 12.6. file
. ? ,
, . , ,
""?
:
, <Enter>.
"" . ,
, .
,
<INPUT>, . type
.

-. "",
"", "", "!". , . ,
.
192
12
<FORM action="mailto:mymailQmail .ru"

:<>
<INPUT type=text name=fio galue=<W10 size=50>
<P align=centerXINPUT Q
Q name=ok>
</FORM>
D:\My docs\DIALEC1\HtmlTuloATE
< Tf ,
I f ,
iCkstS;, ^ i if; 4
( Microsoft Internet Explorer
=
=
. 12.7. , type submit
, type
submit. , name value? . , . 12.7, .
, value,
" ". ok . , . -,
. , ,
"". value. , - ? .
name , (. 12.8).
193
<FORM action="mailto: ymailStnall .ru

:<>
<INPUT type=text nane-fio !*= size=50>
<P align=center><INPUT type=submit LIMIII--UtJil.fclil!bJa>
</FORM>
D:\Wy docs\DIALECT\HtmlTutoATE
. 12.8. value
, name
"" , . type submit
image. , <INPUT> , (.
8). , -
, -
(. 12.9). , .
194
12
FORM act ion= "tail to: nynailQiail.ru"

enctype= text/plain method=post>
:<>
INPUT type=text name=fio != size=50>
P align=centftr><INPUT 1! name=send
src=send.gif = >
DWydocs\DIALECT\HlmmitorVm;gJ:;|t
[
III e_polonsukr.ne1
(moil]
'lU-.-.MV
'=
send.x=21
send.y=35
. 12.9. , ,

, . , ,
. , "".
? -, .
type reset.
, submit, , , , (. 12.10).
: , . ...
195
<FORH action="ilto: ynaiiaiail.ru"

enctype=text/plain nethod=post>
: <8R>
<INPUT type=text neB=
<P align'c
<INPUT HR- 1=0>
<INPUT type=submit !=0>
</FORM>
mm
Ui
i! -
. 12.10. reset ,
. 12.10 : , , . , ( , !) " ",

? ?..
, Cancel , , .
,
, type=button. , , onclick (. 16).
196
12

, , . ,
. ,
"" ( maxlength). , , .
- .
, (. 12.11).
" " <e_polanseiukr.net>

tjjiukr.net http://freemail.ukr.net
'"
:
:'
SdQKb.
. 12.11.
<TEXTAREA>. , , name
value ? (. 12.12).
: ?
<TEXTAREA> , .
, . ,
value: .
197
<FORM action*"ailto:nynaiienail.ru"
enctype= text/plain nthod=post>
:<>
<TEXTflREft nameHext ualue= " "|>
< align=centr>
<INPUT type=reset 1=>
<INPUT type=submit !=>
</FORH>
:
!=>
. 12.12. , <TEXTAREA> <INPUT type=text>
, value , , , . , , (" ").

: ? ,
. "", .
rows , cols . , .
, ,
(. 12.13). . . , ? ,
"" . ? , ,
" ". ""
? ?
, , . ,
, wrap. ,
: , : , . virtual.
,
198
12
<Enter>, wrap
off. , , ,
hard (. 12.14).
(FORM action="ailto:ynaiiaail .ru

:
aliqn=center>
(
:/>
-..
' Microsoft Internet Explore
1=
. 12.13. ""
199
<FORM act ion:"ai1t:yuailaai1.ru"

:
< ali9n=center>
^^^^^^^^
< -text cols=25 rous=5
, -,
</>
!)(:.
CEFC..W.
:
, ,

^ Microsoft Internet Explorer
11=, -,

200
12
<FORM action: "ailto: nyiiiaiieiiiail.ru"

:
< align=center>
<TEXTftREft nae=text cols=Z5 rons=5
, -. :;
& .
3 D:\Wy docs\DIALECT\HtrnlTutor\TESTHTJ

, -*
9: I
1=, -,

201
<FORH action^"nailto:mymaiianai1.ru"
:
< align:center>
< nan:text cols=25 rows=5 1>
, -, ;
</TEXTflREfl>
< 1
<INPU
<INPU
:
, ,

4? -
' ' " ' | ( Microsoft internet Explorer.
11=, ,

)
. 12.14. , wrap: (), (), ()

,
- . , . , -.
"", "" (checkbox).
<INPUT> type=checkbox.
? , ,
. , , name value... , ,
- (. 12.15).
202
12
FORM action= "mailto:nynail8Bail.ru'

enctype:text/plain ethod=post>
:<>
<1NPUT type=checkbox name=choice value:" ">
<INPUT type=checkbox name=choice value:" ")
<INPUT type=checkbox name=choice value:" ">
</FORM>
. 12.15. :

FORM action="ailto: niymailQmail . ru"
enctype: text/plain iethod=post>
6:<>
INPUT type=cheekbox naie:ekler> <>
INPUT type=checkbox name=fruit> <>
INPUT type=chackbox nae=choco> TopT<BRX/I>
P alig
INPUT
INPUT
- ; t ri'miiiiiiiiii-
~~;%$ Microsoft Interne! Explorer
fruit=on
choco=on
. 12.16. <INPUT>;
203
<INPUT>,
.
. ? , ,
, ,
. .
, , . value (. 12.16).
: . ,
? ,
, . ""
, .
- ? (* 12.17).
FORM action^"mailto:inynaiieiiail.ru"
:<>
<1>
<INPUT type=checkbox nane=choco> <>

<INPUT type=checkbox name=choco> * <>
<INPUT typs=checkbox naine = choco)> <></1>
<P aligtvcenter
<INPUT type=rese
<INPUT type=subm
</FORM>
:
f

18011!1
. 12.17. ,
name
204
12
.
? . ,
on (. . 12.16).
, ? , <INPUT>
value on. , , , :
value, . , ,
checked. (. 12.18).
FORM action="ailto:ynaiieail.ru"
enctyp=text/plain nthod=po8t>
am :<>
I>
INPUT type=checkbox nanie=ekler> ><>

INPUT typ=checkbox noe=fruit> <>
INPUT type=checkbox nane=choco <></1>
P align=center>
INPUT type=resot ualu
INPUT type=subiit ual
/FORM>
J
''--' ''^:
Lxplore,
Microsoft Internet Explorer.
|choco=on
I
. 12.18. , checked
Internet-, ,
, "" ,
, . -
205
- "
", "".
? "",
...
-
- ,
, , (radiobutton). <INPUT>,
, type radio.
, - <INPUT>. , , - . :
. , , , checked (. 12.19).
<FORM action="oilto:iyiaiiaMil.ru"
netype:text/plain method=poet>
- :<>
<INPUT ^ nane=choic> <>
<INPUT type=radio name=choice> <>
<INPUT type = radio naie = choice checked) <></1> ;
<P align=center>
<INPUT type=reset !=>
<INPUT typesoubmit !=>
</FORH>
- :

3
::.
;,/..; '.-= ( Microsoft Internet Explorer
. 12.19. -
<INPUT> type=radio
206
12

. .
.
.
, . ,
, Windows : , - , . ,
"" . , .
HTML-?
<SELECT>, <OPTION>. , . 12.20.
IR TESTIITML -
|j<FORM action= "nailto:itynaiiaiail.ru"

:
<P align=center>
SELECT name= day;
<OPTION ualue="He "> ,
'.OPTION ualue= ^
<OPTION !=>
<OPTION
<OPTION
<OPTION
< OPT ION
ik/SELECT>
!=>
1=>
1=>
1=>
D:\Mydocs\DI
< align=center>
<INPUT type=reset 1=>
<INPUT type = subiit ! = >
</FORM>
. 12.20.
<SELECT> <OPTION>
-, <OPTION> . , <>, <> .
207
, "<SELECT> <OPTION>" : - <SELECT> value

<OPTION>, .
, , <OPTION> , checked selected.
.
, ""
. ,
, .
size <SELECT>. , "" ,
1. , , 3? , (. 12.21).
<FORH action="ailtO:iyailiail .ru"

:
<P align=c*ntef>
ELECT nae=day
<OPTZON name=a ualue-"He ">
JPTION 1=>
JPTION !=>
<OPTION !=>
<OPTION 1=>
<OPTION 1=>
<OPTION 1=>
<OPTION !=>
</SELECT>
<P align=cen
<INPUT type=
<INPUT type:
. 12.21. size
, ? -, , .
. , ,
. , . . , -
208
12
multiple. checked, .
(. 12.22). :
- .
<FORN act ion= "nail to: ! 111.ru"

nctype=text/plain method=post>
:
< align=cntr>
<SELECT nane=day size=8
<OPTION ualu="He ">*
<OPTION !=>
<OPTION !=>
<OPTION !=>
COPTION 1=>
<OPTION !=>
<OPTION !=>
<OPT ION ualue=>
</SELECT)
< align=cei
<INPUT type'
<INPUT type
day=He
!=
day=
. 12.22. multiple

, Windows: , , <Shift> , ,
. , , <Ctrl>.

: , , . , : , . , . ,
,
.
209

, HTML "",
, "", .
<FORM>,
. action, method, enctype.
: . , .
HTML-.
.
, .
name value.
, , , .
<INPUT>, type. , text , file
, password ; submit, reset
button , checkbox radio
: -, .
, ,
. <TEXTAREA>
, ( ). <TEXTAREA> .
, .
, HTML, <SELECT> <OPTION>.
, . , , ( , ""), , multiple, .
, , HTML.
. , ,
. , JavaScript.
210
12

1. HTML- ?
) <FORM action=mailto:mymail?mail.dom method=post enctype=application/

x-www-form-urlencoded>
</FORM>
) <FORM action=mailto:mymail@mail.dom method=get enctype=text/plain>

</FORM>
) <FORM action=mailto:mymail@mail.dom method=post enctype=text/plain>

</FORM>
r) <FORM action=mailto:mymailmail.dom method=post enctype=plain>
</FORM>
) <FORM action=mailto:mymailmail.dom method=post enctype=text>
</FORM>
2. HTML- ?
)
)
)
)
<INPUT type=text value=" :">

<INPUT type=text name=itext value=" :">
<INPUT type=text name=itext> </INPUT>
: <INPUT type=text name=itext>
3.
?
<INPUT type=text name=itext size=10 maxlength=20>

) 10 20,
) 20 10,
4. HTML-
?
)
)
)
r)
)
<INPUT
<INPUT
<INPUT
<INPUT
<INPUT
type=button value=submit>
type=submit value=OK>
type=submit name=OK>OK</lNPUT>
type=submit name=OK>
type=iraage src=ok.gif value=OK>
5. HTML-
?
) <INPUT type=button value=reset>

) <INPUT type=reset value=Cancel>
211
) <INPUT type=reset name=Cancel>Cancel</INPUT>

) <INPUT type=reset name=Cancel>
) <INPUT type=image src=cancel.gif value=Cancel>
6. HTML- ?
) <> </>
) <TEXTAREA name=ltext>BBeflHTe </>
) <TEXTAREA name=ltext != >
</>
) <TEXTAREA name=ltext != ></>
7. ?
) <INPUT type=checkbox =!> 1
<INPUT type=checkbox =2> 2
<INPUT type=checkbox => 3
) <INPUT type=checkbox narae=vl checked>BapnaHT 1
<INPUT type=checkbox name=v2 checked>BapnaHT 2
<INPUT type=checkbox name=v3 checked>BapnaHT 3
) <INPUT type=radio name=vl checked>BapnaHT 1
<INPUT type=radio name=vl checked>BapnaHT 2
r) <INPUT type=radio =!> 1
<INPUT type=radio name=vl>BapnaHT 2
<INPUT type=radio =!> 3
) <SELECT name=vl>
<OPTION value=" 1">
<OPTION !=" 2">
<OPTION value="BapnaHT 3">
</SELECT>
) <SELECT name=vl>
<OPTION !=" 1" checked>
</SELECT>
) <SELECT name=vl checked>
<OPTION value=" 1">
<OPTION value=" 2">
<OPTION value=" 3">
</SELECT>
) <SELECT name=vl multiple>

<OPTION value=" 1">
<OPTION !=" 2">
<OPTION !=" 3">
</SELECT>
212
12
13
HTML-
...
4 Web-
4
4
4
4
Web-
, HTML, htm html (. ). ,
, HTML .
HTML- <HTML> </HTML>:
<HTML>
Web-
</HTML>
, "", , Web-. , .
Web- : ,
, , , Internet,
. , <HEAD> <BODY>:
<HTML>
<HEAD>
<! Web- >

</HEAD>
<BODY>

</BODY>
</HTML>
-, <HTML> . , , ,
"" .
<BODY> HTML-,
,
. , , . , . .
HTML-, ,
<HTML> <BODY>. 11.

Web- , , , . ... , .
, .
leftmargin,
rightmargin marginwidth. , , ,
. , ,
rightmargin marginwidth, , marginwidth?
. , HTML ,
. : Internet Explorer rightmargin leftmargin, Mozilla marginwidth.
, IE " " -
.
. Web- , <BODY>
IE, Mozilla (. 13.1).
? :
. Web-
, , ...
. Internet Explorer topmargin bottommargin.
Mozilla marginheight.
214
13
>..;,.. i
mm
. 1
<BODV ergiriHidthHOe leftmargin=30 rightnarginsZBp

. 13.1. Internet Explorer

rightmargin leftmargin,
Mozilla marginwidth
, ,
, ""
, , .
?
, .
bottomargin rightmargin,
, , topmargin leftmargin (. 13.2).
, ,
, .
, ...
HTML-
215
HTML>
BODY arginheight=56 marginnidth=19

topnargin^SO leftmargin=1G>

/BOOY>

. 13.2.
IE, Mozilla
<HTML>
BODY
_____
HI > </1 > '.-,
</BODY>
</HTHL>
D.\Mydoc,\DIALEC-rVHlmrTutoATES

141
LJ
L-^'-v,-,...,
. 13.3.
216
13

"" - ,
. . , , ""
. bgcolor. , , IRRGGBB (. 10).
, ,
, background. , , URL . , (. 10).
, <BODY>
bgcolor, background? , :
"" .
.
,
, . ,
, ( ), , , , , !
"". , , . , , , "" .
, .
, (. 8), "" , bgcolor, .
,
bgproperties: fixed, "" , . ,
Internet Explorer, - : ,
, .
, . , , ? , :
<BODY bgcolor=pink>
<FRAMESET ^
<FRAME src="head.htm">
<FRAME src="references.htm">
<FRAME src="news.htm">
HTML-
217
</FRAMESET>
</FRAMESET>
<BODY>
, . <FRAMESET> <BODY>.

,
, . "" . ,
<FONT> (. 4). : .

<BODY>. text.
? ,
IRRGGBB (. 13.4).
<1_>
<BODV bocolor=black t e x t = w h i t e >
<1>-
,
;Sudaeh;!
</BODV>
</HTML>
-!
,
!
. 13.4. <BODY>
.
, : link , vlink ( visited link)
alink , .. , .
218
13

.
HTML-, , , JavaScript.
Web- : .
14. Web- , ""
, , ,
<BODY> </BODY>. <BODY> , , , .
1. HTML- ?
) <BODY margin=10>
) <BODY marginwidth=10>
) <BODY leftmargin=10>
r) <BODY leftmargin=10%>
2. HTML- ?
) <BODY text=4>
) <BODY text=Times>
) <BODY text=black>
) <BODY text=0>
) <BODY text=#1234>
) <BODY text=1234>
3. , ?
) <BODY link=green>
) <BODY alink=green>
) <BODY blink=green>
) <BODY xlink=green>
) <BODY ylink=green>
) <BODY vlink=green>
4. , ?
) <BODY color=yellow>
) <BODY bgcolor=yellow>
) <BODY background=yellow>
HTML-
219
14

Web-
...
?
...
4 <>

,
. Web- Internet ,
.
, , , , . , ,
,
, .
, ?
, ,
.
Internet ,
, -?
? ? ?
, , (
, ,
), , .
, , .
, : Internet, .
, Internet, ,

. , 35 , , .
( , , , ) :
, ,
- .
. ,
,
? . .
, , .
, ? Internet. . , ( , spider ). ""
" " .
.
,
, , .
: ( ) , .
, , , ? , , , , . , , ,
, . , . , "" ( ) , , .
? .
, , , .
...
<HEAD> </HEAD>? -, . , ,
. Web . <TITLE> (. 14.1).
? Windows
? , . . ,
Internet UNIX. , Windows. , , -
222
14
8.3: , , , . : Web-, .
<1_>
<>
</HEflD>
<BODV>
<2 align=centr>

</2>
!Sudash; ,
, .
/BODV>
</HTML>

,
, .
.^^^^^^^^^^^^^^]
. 14.1.

. , , , . .
.
* , (
) , . , .

Windows, "" ( , ), ,
. ,
, . ,
HTML .
,
, !
Web-
223
* , <TITLE>
. , ,
. .
* 60 , . , , . .
. , - " , ...".
<>
<>.
<TITLE>, "" .
<> "". ,
, , .
, -.
<> :
< =" -" content="">
name <> http-equiv:
< http-equiv="rm " 11="">
- HTTP .
, <>
-. , -, <>:
< ="- 1" content=" 1">
< http-equiv="- 2" content=" 2">
< name="- " content=" ">
-.
Keywords
- ( ) , . ( ) " ",
. keywords
, - , :
< name="keywords" !1=" , Web-, -,

Web designer, Web-, ">
224
14
(, , Web-)
, .
* .
, , "Web-",
"Web-". ,
, .
*
, .
"" "".
* Internet "" ,

. , . ,
, ? , , , , ? "" .
* ""
,
. 200 5-6 .
* , , :
,
,
, . :
- , -
, .
Description
, , .
- description.
, , , . - , . - , , , ... , , "" , : description, .
, - description
: , ,
:
< name=" description" content="3TO Web-.
Web-!">
Web-
225
- ... , .
, . 100200 ,
.
Robots
- : ? index, noidex, folow nofollow, , ,
, , . - robots, . , ( , , ), ,
, , :
< name="robots" content="noindex, follow">
, .
robots.txt , . , , , .
Generator
-.
HTML-, "":
< name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<META name=Generator content="Microsot Word 9">

Word 9? , ""
, Word 2000...
Author copyright

:
< name="autor" content="H.n. , u_popa_byla@on-ee.lub.il">
< name="copyright" content=" , ">
226
14
Content-type
- content-type http-equiv.
( !) "" Web, :
< http-equiv=content-type content="text/html; charset=windows-1251">
Expires
- expires http-equiv. , , , .
,
< http-equiv="expires" content="Wed, 20 Jun 2001 00:00:01 GMT">
, 20 2003 .
Refresh
- refresh http-equiv.
,
, ,
, , , .
- refresh "; URL". ,
< http-equiv=refresh content="20; url=http://server/next.html">
, 20 http: //server/
next.html.
, Web-,
. ,
,
. , <TITLE> </TITLE>,
, - keywords description.
1. HTML- ?
) <> </>
) <TITLE text=" ">
Web-
227
) <1> </1>
) <1><> </></1>
) <TITLE align=center>3aronoBOK </1>
2. HTML- ?
) < name=keywords>crmcoK </>
) < name=keywords contents="cnHCOK ">
) < name=keyword content=" ">
) < name=keywords content=" ">
) < http-equiv=keywords content=" ">
3. HTML- ?
) < name=description content=" " name=copyright'content="A.B. ">
) < namel=description content=" " name2=copyright
content="A.B. ">
) < name=description 1!=" " httpequiv=copyright content="A.B. ">
) < name=description content=" ">
< name=copyright content="A.B. ">
) <>
name=description content=" "

name=copyright content="A.B. "
</>
228
14
15

...
4 ?
4
4
4
4
*
4
4
4
4

, , "" HTML. ,
Web-. . ,
size
, . : . , , Word,
.
, "" HTML ,
, - (, , ) .
, - ,
:
<FONT size=5 color=red><I>Kpacffii 5</!></FONT>

<FONT size=5 1=1><1> </1></>
HTML CSS
(Cascading Style Sheets ).
,
, MS Word: -
. ,
. , HTML .

- .
style, .
, : ,
18 , . :
<I style="font-size: 18; color: white; background-color: black">
, .</!>
, . , . . , . . ,
, . ,
style, .
: font-size , color background-color .
? ,
, . , <DIV>.
,
division . <DIV> . align, ,
<> (. 2). .
, .
? , , , </!> (. 15.1).
230
15
Bfont-sizg : 18; color:white

d-color: black
, .</1>
,
<1> , .</>
, .
,
, .
|:
. 15.1. :
; ;

" "?
: , " ". . , ,
, , .
<STYLE>, ;
<STYLE>
^ {_1: ; _2: ; ...}

_2 {_1: ; _2: ; ...}
^) {_1: ; _2: ; ...}

</STYLE>
, , , ,
( , ). .
? ,
, HTML
CSS . , , . .
. .
<LINK>. ,
URL . , , styles.ess, :
<LINK rel="stylesheet" href="styles.css" type="text/css">

231

, , (.
. 15.1), ? . 15.2. , ,
, . ,
" ", . ,
,
, , <FONT>.
<STVLE>
I (font-size:18; color:white; background-color:black)

</STVLE>
<1></1>
> <1></1>,
style="color=black; background-color:uhite">
(FONT size=3>cneu.HanbHO </></1>.
sgOff
I m >-
.*-
. pOHOBHTB
.5
If
J \MyduCb\PIAltC-l\HmilTulortTESTHT!

;,
.
'
. 15.2. , ,
. "
" HTML
: <STYLE>
.
, . , ,
, , , . 15.3. ,
.
232
15
<STVLE>
I (font-size:18; color:white; background-color:black) ;

</STVLE>
|
I
<1> , a 3Tonbsp;Sndash;
<> </></1>.
. 15.3.
,

, ?
, , , . 15.2, , , . , .
, , ,
.
, . , , , :
_. {_1: ; _2: ; ...}
, <1>
:
I.inverse {font-size:18; color:white; background-color:black}
, , , inverse .
HTML-,
class, (. 15.4).
- ,
, . CSS
- : .
Web-.
233
, "" , ,
. inverse
, <>, (. 15.5).
<STVLE>
[.inverse {font-size: 18; color:white; background-color:black]

</STVLE>
<1> </1>, ;Smdash:
I class: inuerse>KypCHB,
< <BXU>inuerse</UX/BX/I>.
,
nwers
._; "'" '
' ~ !lD
. 15.4.
,
TESTHTML -
<STVLE>
I.inverse (font-size:18; color:uhite; background-color:black)
</STVLE>
<I class?1&>,
inverse,</IX/DIU>
a SToSnbsp;mdash;
<P class=inuerse>a6oau,
.
3 D\My docs\DIALECT\HtmlTulut\TESTHTML him! - MIC
014..!;!,
!:1;>
, ci,,4
11.S,:,,,
docs\D!ALECT\HtmlTulor\TESTHTML html
inverse
,
.
. 15.5. ,
, ,
234
15
, ? ,
, , 18 ,
, ,
?

<DIV>: . , <DIV>,
, (. 15.6).
<STVLE>
DIU.inverse (font-size:18; color:uhite; background-color:black)

</STVLE>
<DIU class=inuerseXI>Ku.pcMB,
inverse,</IX/DIU>
a sjoSnbsp;andash; .
\ dncs\DIAI F_CT\HtmlTutnr\TFKTHTMl hlml - Minrnsntt tnlR
, inverse.
. 15.6. , ,
<DIV>,

STYLE>
inverse (font-size: 18; color:uhite; background-color:black)

</STVLE>
<I class:inverse,
inverse,</IX/DIU>
STOinbsp;Smdash;
(P class=inverse>a63ai4, .
'"-fA
, ;
. 15.7. ,
,

235
. .
(. 15.7).

HTML, ,
, "" .
, , IRRGGBB.
, .
, , , .
, , .
, , . .
,
color. , (. 4),
IRRGGBB.
.
, ,
? ,
, "" , . , .
: ,
, .
CSS. ,
.
, ,
(!) . 255, 0. , ,
, :
I.red {color: rgb(255,0,0)}
, :
I.red {color: IFFOOOO}
I.red {color: red}
236
15
255?
, , , , . , 8 .
, , 255 FF . ...
, , :
I.red {color: rgb(100%,0,0)}
, ;
, :
I.yellow {color: rgb(100%,100%,0)} "<! -->
I.orange {color: rgb(100%,100,0)} <! >

, ,
. backgroundcolor.
HTML-, , .
, , (. 8). , , backgroundimage (. 15.8). , , URL-.
, , , , ""
Windows. HTML
. CSS . "" background-repeat.
repeat, .
, , repeat-x,
repeat-y. ,
, no-repeat (. 15.9).
: - HTML? . , . <BODY>. .
237
<STVLE>
.bg (background-image:url(back.gif)}
</STVLE>
<H1 class=bg>3TO </1>
.
class=bg> fl .
. 15.8. background-image

STVLE>
bg (background-image:url(back.gif))
</STVLE>
clase=bg style= background-repeat=repeat-x>
</1>
.
< claes=bg etyle="background-repeat=no-repeat">
.
docs\DIALECT\Htmrruloi\TESTHTMLhtml
.
^-'?1
. 15.9. background-repeat
""
238
15
CSS background-attachment , . : fixed

scroll. , , , ,
:
<BODY style=" background-image:url(back.gif); background-attachment=fixed">
<!-- >
</BODY>
, : . background-position , .
, , , . , . , background-position: 1cm 2cm
, 1
2 .
:
.
( , , ),
.
? , . .bg -
(. 15.10). . , ,
, . , ,
(. 15.11).

left, center right, top, center bottom.
: background-position: top right, background-position: top right , background-position: 0 100%.
239
STYLE>
bg (background-image:url(back.gif);
background-position:10X 20%)
/STYLE>
H1 class=bg>3TO </1>
.
D:\Mydocs\DIALECT\HtmlTulai\
.
. 15.10. , . -
STVLE>
bg (background-image: url (back. gif) ;

background-repoat=no-r*peat;
background-posit ion: 1 207.)
</STVLE>
(HI class=bg>3ro </1>
.
i- : ;.*".., -..'".. 1 ,.Ji, j./^^^

mm
%
.
. 15.11. ,

240
, , , .
background,
. ,
. , .bg,
. 15.11, background:
.bg {background: url(back.gif) no-repeat 10% 20%}

, , , . Internet
, ,
. ,
.
font-size,
. .
: xx-small, x-small, small, medium, large, xlarge, xx-large. ,
size <FONT> (. 4).
size=+l size=-l smaller larger, .
CSS <FONT>. , , , ,
HTML, , .
, CSS HTML . , ,
, (. 15.12).
CSS
. ,
(. 15.13)
em, , . , , . 15.13, font-size: 50%
font-size: O.Sem. , , , " ", size=l.
, HTML, "" . ,
<>, "" "".

241
.
<BRXFONT size=-1>3TO .
<DIU etyle="font-size=ediu">M .
<DIU etyle="font-siz=saller">H
D^Mydocs\DIALEC
.
.
.

.
.
.
.
. 15.12. ,
, -'
,

STYLE)
font-size: 507.: )
</STVLE>
<H1>3
<DIU class=half>c /DIUX/HI >

< class=half>fl .
mat
3 D \My doc=\DIALECT\HlmlTuIor\TESTHTML h. . HHE
ia"""i :,
.;?!<:"-
CH-oi-. !, . BSOI .
3 DWydoc\plALECT\Html _;
;>,
. 15.13.

242
15
font-weight 9 "" , 100 900. , 400,

700 ( bold). , "":
! "" bolder
lighter. , .
, "" <1> font-style. : normal ( ) italic,
oblique (). font-variant: normal
, small-caps "
" (. 15.14).
<STVLE>
. ( font-uariant: small-caps )
</STVLE>

<>)
< class=sc>fl

:''
! "-'' . | g
- .. >
:n
0:..-' evî
& D:\My docs\DIALECT\HlmlTu1oAT
. 15.14. font-variant " "

CSS " ",
"" <FONT>. face. , , , , , .
, ,
, face .
font-family ,
, , . : serif ( ), sans-serif ( ), cursive (),
monospace () fantasy (). ,
, ,
:

243
.sserif { font-family: sans-serif }

, Verdana, ,
, , :
.sserif { font-family: Verdana, sans-serif }
, , .
: , , , , Times New Roman, :
.sserif { font-family: "Times New Roman", serif }
CSS, font, , font, . ,
12 :
.curs { font: serif 12 italic}
text-transform (. 15.15) ,
( capitalize), (uppercase) (lowercase) .
, .. , .
I TESTHTML -
-'II
style="text-transformcapitalize")

< style=" text-transfor=upprcase">

< style="text-transformlouercaee">

< style="text-transforn=none">3To
lALECTVHImlTlltaiYlL:
*|
5 D:\My docspWlEClVHtmlTutoiVrESTHTMLhtml
,\

. 15.15. text-transform
244
15
text-decoration (. 15.16):
underline, overline line-through. ,
text-decoration blink,
. , , .
1*1 TESTHTML - I
style="text-decoration=underline">

style="text-decoration;line-through")

< style="text-decoration=ouerline">

,
III
IVTUI

. 15.16.
,

text-decoration
, letter-spacing (. 15.17).
I;
fj :
'
. 15.17.
letter-spacing

245
,
. 15.17: "" <FONT>.
,
, .

, , CSS, , HTML. , text-align ... ,
left, right, center justify. align "
" HTML? , " " .
, , , ,
, align.
CSS . , , . HTML . line-height
(), ().
, , :
,
(. 15.18).
,
.
STESTHTML-fino
<STVLE>
.txt=Cline-height: 0.3)
</STVLE>
<P elass=txt>TKCT /
D:\My docs\DIALECT\HlmlTutortTESTHTMU \'\
' -1 > '-'- | 1 '.-:--<!.'

!
| . I |
" ":
van -.
".
. 15.18.
,
246
15
, HTML "", " ". , GIF, ""

. CSS .
, "" " ", text-indent. . ,
. (. 15.19).
fC STYLE >
indent=(text-indent: -1.2)
</STVLE>
<BODV leftargin=7e>
<P class:indent>
,
3 O:\My docs\DIALECT\HtmlTutor\TESTHTML.h!..
! .-
"'"
'"'
.
:V:;-,lr. .
V*
. 15.19. text-indent
,
CSS , <BODY>,
, .
,
. a:link , a:visited
, a:active a:hover , . , ,
- , ,
, :
a:link {coloridarkgreen; text-decoration:none}
a:visited {colorsgray; text-decoration:none}
a:hover {color:maroon; text-decoration underline}
247

,
Web-, .
, , ,
, (. 15.20): , , , .

. 15.20. , Web-,

. ,
, , ,
. float, : left ( ),
right ( ) ( ).
.
margin. margin
, .
, , .
(),
(cm) (%). ,
.indent {margin: 1 2 3 4 }
1 , 2 , 3
4 .
,
. ,
.indent {margin: 1 2 }
, 1 , 2 .
248
15
, margin , , .
,
margin-top, margin-right, margin-bottom margin-left , ,
. , margin.
,
.
padding, , , ,
, padding-top, padding-right, padding-bottom padding-left.
: , .
, .
, :
;
* dotted ;
* dashed ;
* solid ;
* double ;
* groove, ridge, inset, outset "" .
,
. ,
border. , 10 (. 15.21):
.red2 {border: 20cm red double}
, border left, right, top bottom. , ,
(. 15.22),
.red2 {border-top: 20cm red double}
,
border, "": borier-width , border-color borderstyle . ,
, " ", border
left, right, top bottom. , , border-top-color.
, , width height.
249
CSTVLE>
.red2 (border: 2Q red double)
</STVLE>
<DIU clase=red2>

</DIU>
< align=center><IMG crc=oend.gif class=red2>
Si*
fl
.1 Sips.
. 15.21. border Web-

If, TESTHTML -
<STVLE>
.red2
</STVLE>
: 20 red double)
<DIU Class=red2>

</DIU>
<P align=center><IHG src=send.gif class=red2>
;^> .=,);';;,-> i
l
i
i
i
i t'âvû
D:\Mydocs\DLALECT\HtmlTut
. 15.22.
, border
250
15

,
HTML. , CSS, , .
,
,
, . style, <STYLE>.
(
), .
,
.
.

HTML , ,
, , " ", .
1. HTML- ?
) <I class="font-size: 18; color: white; background-color: black">
, .</!>
) <I style="font-size: 18; color: white; background-color: black">
, .</!>
) <I.style="font-size: 18; color: white; background-color: black">
, .</!>
) <I class=inverse>
, .</!>
2. HTML- ?
) <STYLE>
I.inverse="font-size: 18; color: white; background-color: black"

</STYLE>
) <STYLE>
I.inverse:"font-size: 18; color: white; background-color: black"

</STYLE>
)
<STYLE>
inverse="font-size: 18; color: white; background-color: black"

</STYLE>

251
) <STYLE>
I.inverse={font-size: 18; color: white; background-color: black"}
</STYLE>
) <STYLE>
inverse "font-size: 18; color: white; background-color: black"
</STYLE>
) <STYLE>
.inverse {font-size: 18; color: white; background-color: black"}
</STYLE>
) <STYLE>
I.inverse {font-size: 18; color: white; background-color: black"}

</STYLE>
3. , . ?
) U I {color=red}
) U {font-style=italic; color=red}
) I {font-style=bold; color=red}
) I {font-weight=bold; color=red}
) I.bold {color=red}
) U.italic {color=red}
) I.bold {font-weight=bold; color=red}
) DIV {font-style=italic; font-weight=bold; color=red}
252
1i
16

...
4 HTML
4
4
4
4
4
HTML
, ,
'" HTML .
1 -
. HTML 1, .
Web- .
>
, .. 1 HTML (DHTML), HTML JavaScript.
, , , , Perl. . . 4 24 . .: , 2001; . Perl 24 . .: , 2000.

, ,
: -
, .. , - , - .
"" - Web-, . "" , , . ,

, . ,
, , .. , :
< __=" "> </>
, . 16.1 , " ":
"" ,
.
4RTESTHTMI
< ="1"> *</>

<TABLE border=1 align="center" cellspacing="10" cellpadding="10">
<TRXTH onMouseouer= "bgColor=' red'"
onMoueeOut = "bgColor=' hi te' " > K/THX/TR>
<TRXTH onMouseouer="bgColor= ' y e l l o w ' "
onMouseOut="bgColor= 'white' ">. . .</THX/TR>
<TRXTH onMouseouer= "bgColor='green' "
onMouseOut="bgColor* ' w h i t e ' ">!<//>
</TBBLE>|
. 16.1. " ":

, "" JavaScript,

. 16.1 JavaScript. . , HTML, , .
, , , "": , , HTML-.
254

, , . :
: , ,
, ,
. .
, , ,
. HTML onclick ( on
click " "). ,
HTML-. ,
, HTML. , , ,
. , . 16.2.
HTML.
.
, .
JavaScript,
. : , .
, :
< aliqn=center><fl href = "nailto:adr-8don.com'

,
:

,
:
. 16.2. :

. 16.2 JavaScript.
JavaScript , ,
, , .

255
images. , : 0, 1 ..
im' ages [N], N .
. . , , images[0].src="source.gif". ,
"" , . , ,
. "" . ,
, : document, images[0].src='sent.gif'. JavaScript ,
HTML-.
, ,
onDblClick ( on double click "
"). . 16.3 : , .
= centerXB t
src=letter.gif border=B
ick="document.inaoesf01.erc='sent.aif"

, |
.|
: || -
. 16.3.
, . 16.3, JavaScript
write. , HTML.
256
16
: <>, HTML.
Internet ,
, .
onMouseDown onMouseUp. , , ,
( on mouse down "
"). ,
( on mouse up "
").
. 16.4:
; "".
,
align=center>
<IMG src=closd.Qif border=0
,
:
,
:
. 16.4. onMouseDown onMouseUp "" ""
, "", . ,
. onMouseOver, onMouseMove onMouseOut.
onMouseOver , ""
, onMouseMove onMouseOut ""
. . 16.1.
. , .
257

, HTML,
. :
onKeyPress, onKeyDown onKeyUp. . 16.5 , .
JavaScript window.event.keyCode.
window.alert . . JavaScript

!+2+.
. 16.5. :

, "" , , "" , , . .
( ), . , ( )
<>. , -
, , .. .
onFocus, onBlur. . 16.6
: , ;
, .
258
16
<FORH nan=key for

<INPUT naM:keycode type=button
ualue=" "
onKeyPreee="indOH.alert
/
(' :'HiindOH.event.keuCod!
doc\DIAlCr\HtmlTul\TESTHTMLhnl
. 16.6.

onChange , ,
. . 16.7: .
, . 16.7, onChange. . , Web- ,
, , .
. 16.7
JavaScript: if. , , , ,
.
onSelect "" ,
. . . 16.8 , , , ( ), .
259
INPUT typ*=subMit ualue= >

/FORH>
. 16.7. onChange
<FORH>
<P align=center>
<IMG ercspencil.gif> :<>
<TEXTfiREft cole=38 =5
</TEXTAREAXBR>
<INPUT type=subit ualu:"OK">
</FORH>
. 16.8. onSelect ,
260
, ,
, onSubmit.
-. , "" , : (. 16.9).
FORM onSubit='l
align=c*nter>
IMG src=pancil.gif> :
TEXTflREft cols=30 rous=5>
/TEXTflREflXBR)
INPUT type=subit ualue="OK">
/FORM>
. 16.9.

:
, .
onLoad
. , ,
, ,
(. 16.10)
. 16.10 JavaScript. .
, ,
URL
(Refresh), onUnload.
.
(. 16.11).
261

<11_> .. .</TITLE>
</>
(ROOV
. 16.10.

<>
<11.> . . .</TITLE>
</>
<BODV onLoad="docuent . title= ' ' ;
docuient.iiagesrei.src:' big. gif
<IHG erc=eall.gif>
/BODV)
. 16.11. onUnload ""
262
16
"" onError onAbort. , , .

JavaScript HTML. , . "
JavaScript 24 " .: , 2001.
HTML . , . ,
JavaScript.
"" ,
, ,
.. .
, , . , .
1. ?
) < onMouseDown="window.alert('!')">
) < onMouseClick="window.alert('!')">
) < onMouseUp="window.alert('DlenK!' )">
) < onMouseOver="window.alert('!')">
2. ?
) <IMG src=big.gif onMouseDown="window.alert('!')">
) <IMG src=big.gif onMouseOut="window.alert('HenK! ')">
) <IMG src=big.gif onMouseUp="window.alert(ênK!' )">
r) <IMG src=big.gif onMouseOver="window.alert('!')">
3.
?
) <IMG src=big.gif onMouseOut="window.alert('!')">
) <IMG src=big.gif onMouseUp="window.alert('!')">
) <IMG src=big.gif onMouseOver="window.alert('!')">

263
4. :
<BODY onUpload="window.alert('CTpaHH4a ')">.
?
) (Back).
) (Forward).
) (Refresh).
) (Stop).
5. :
<BODY onLoad="window.alert(' ')">.
?
) (Back).
) (Forward).
) (Refresh).
) (Stop).
264
16
1. ?
) Microsoft Word . . Web-,
.
) Microsoft Internet Explorer .
) Microsoft FrontPage Express .
) HomeSite . HTML-.
) Netscape Navigator .
) Opera .
) Mozilla .
) Notepad . , HTML-.
) PhotoShop . ,
HTML-.
) Google.com . Internet.
2. HTML-?
) Microsoft Word (. 1 ).
) Microsoft Internet Explorer .
HTML-, ,
.
) HomeSite . HTML-,
, .
) Netscape Navigator .
) Opera .
) Mozilla .
) Notepad .
HTML-, , .
) Windows - . Windows
, ,
HTML-.
) Linux (. () ).
) PhotoShop (. 1 ).
) Google.com .
Internet, ,
Google.com, .
3. HTML-?
) Microsoft Word .
) Microsoft Internet Explorer . =>
HTML Internet Explorer Notepad HTML, .
) HomeSite .
) Netscape Navigator (. () ).
) Opera (. () ).
) Mozilla (. () ).
) Notepad .
) Windows (. 2 ).
) Linux (. 2 ).
) PhotoShop .
) Google.com .
1
1. HTML- ?
) , <1> </1>? .
: , !?
) : <!></!> .
<!></!> , .
) <\1> <1> .
,
<1>, <\1>. <\1> , , <1> ( <\1>), .
2. HTML- ?
) <U> . <U>
</>. ,
<> ( </U>),
.
) I
. , .
266
, , < >.
) , : <!><U></U></I>
. , , .
) HTML
<1><></1></> .
: HTML
.
3. HTML-:
HTML-,
<U><I>.htm</I> <B>.htmK/B></U>
) HTML-,
.htm .html .
) HTML-,
.htm .html .
) HTML-,
.htm .html .
2
1. HTML- ?
) <> , <> . <> , .
) <> , <></> . <>
. </> .
) <> , </> .
) <R> , P</R>
: <R> .
) , . ,
, : <>
2. :
) < align = center> ? ,
.
) < align = left> ? ,
. *
) < align = right> ? ,
.
267
) < align = justify> ? , .

) <> ? . align
, .
) < align> ? .
align , .
3. HTML- ?
) < align=center> .
) < ALIGN=CENTER> :
, .
) <P_align=center> : , .
) <
align = center>
.
, .
) < aLiGn=cEnTeR> . .
) < center = align> :
, , . ,
, .
4. HTML-?
< align = right> :
? <BR> ?
<> , ?
().
()
< align = right> :

? <> ?
<> , ?
()
< align = right> :

? < align = right> ?
< align = right> , ?
3
1. HTML- ?
) : , " " ". . , ASCII,
268
. , esc-
.
) : , " " , '.
. , ,
. "" "", .
.
) : &1;&;, sldquo; namui”
sbdquo; namcH”. . .
) : &171;&187;, &8220; &8221;
&8222; &8221;. . esc-.
) : &1;&|187;, &|8220; ”
&|8222; &|8221;. -- .
esc- . .
) : »eno4KH&H87;, &|8220; &|8221;
&|8222; ”. -- . Sraquo;
, .
slaquo;.
2. HTML- ?
) HTML- - .
5-10 . , . , .
) HTML- Sdash; . 5&dash;10 . -- .
sdash;.
) HTML- Sndash; . 5—10 .
, : ,
.
) HTML- Smdash; . 5–10 .
. , ,
, , , .
) HTML- omH6oK&rodash;B . 5 Sndash; 10 . -
269
, : ,
.
) HTML- oiH6oK — &;
. H&nbspjee 5–10
. .
3. HTML- ?
) < align=center> -,
</> , : ., , .
) <NOBR align=center> -,
</> : NOBR .
align=center .
) -, &;&;&;&;&
;&;&;. , :
, ,
.
) <NBSP> -, cTpOKe</NBSP> : , .
4. (, , , D, )
?
<NOBR> nepe<WBR>(a)xofl <WBR><6) -^: 3flecb?<WBR>wHnn ?
<P>W>A , ?</>
, :
<WBR> "".
4
1. HTML- ?
) <FONT> </> .
<FONT> , , .
) <FONT face=Arial Cyr> </> :
, , .
face
Arial.
) <FONT face="Arial Cyr"> </> .
) <FONT face="ARIAL CYR"> </>
. HTML ,
, .
) <FONT face="Arial Bold"> </>
: . -
270
Arial, , <FONT>, Anal,

<>.
2. HTML- ?
) <FONT size=3> </FONT> .
,
3.
) <FONT size=8 pt> </FONT> :
<FONT> 7 ,
, .
) <FONT size=-3> </FONT> .
,
4.
) <FONT size=+7> </FONT> : , ,
6 .
3. HTML- ?
) <FONT color=H23456> </>
.
, 1123456.
) <FONT color=ts.l23456> </> :
HTML tRRGGBB, & .
) <FONT color=fABCDEF> </> .
) <FONT color=fGHIKLM> </> :
HTML , 0 9 F.
) <FONT color=lred> </> .
.
) <FONT color=#&red> </> : .
) <FONT color=red> </> .
) <FONT color-red> </> : "=".
4. HTML- ?
) <font size=l color=red> TOM</font> .
) <font color=red size=l> TOM</font> : .
271
) <color=red font size=l>

</> - : , .
) <font="red, 1"> TOM</font> : .
ip^TOM</font> : , .
ipH(J)TOM</font></font> .
) <font color=red> <font 12=1>
po</font sizex/font color> :
.
5. HTML- ?
) <BASEFONT color=blue> <FONT color=yellow> </FONT> . , , , , .
</FONT> .
) <BASEFONT color=blue> </BASEFONT> :
<BASEFONT> .
5
1. HTML- ?
) <1> :
.
) <1> </1> .
) <1> </2> :
<1>
<1>.
2. HTML- ?
) <1> <BR> </1> .
) <1> <> </1> .
, ().
) <1> <2> </2></1>
.
: .
) <1> </1><2> </2> -
. , ().
272
3. HTML- ?
) <1> , </1> .
.
) <1 align=lef t>3ro , </1> .
) <1 align=right>3ro , </1> .
) <1 align=center>3TO , </1> .
) <1 align=justify>3To , </1> :
align justify.
6
1. <S> :
) <STRONG> . <STRONG>
,
, <S> .
) <> . <> , ,
<S> .
) <STRIKE> .
) <DEL> . , <S>, <DEL> , , .
2. ?
) <BLOCK QUOTEXTHie eflenib — </ QUOTE>. : <BLOCKQUOTE> .
) <> efleib Smdash; </01>. .
) <BLOCK quote="THme ;1; ">. . : <BLOCKQUOTE>
.
) <ACKRONYM 1=" ">1</1> .
) <ACKRONYM>HTML</ACKRONYM> — . <ACKRONYM>
, .
)
.
cnnpTa Smdash;
C<SUB>2</SUB>H<SUB>5</SUB>OH
cnHpia&nbspj—
C<SUP>2</SUP>H<SUP>5</SUP>OH : <SUB>, a
<SUP>.
273
3. ?
) &1;<1
eneinb —
</1>&;
— .
) <1> efleib&nbspi— </1>. <83>
MyflpocTb</ADDRESS> : <ADDRESS> .
) <BLOCKQUOTE>Tiffle enenib — </>. <ADDRESS>
</83> - :
<ADDRESS> .
) <BLOCKQUOTE>Tmne eflenib — </>.
: <BLOCKQUOTE>
.
) <> eflein> — </>.
: <PRE> .
4. ?
a)<DFN>HTML</DFN> —
<DEL>HTML</DEL>Snbsp;—

-: <DFN> , <DEL> .
6)<DFN>HTML</DFN> —
<ACKRONYM
title="H3biK

">1/1(>
-: <DFN> , <ACKRONYM> , .
) <DFN>HTML</DFN>Snbsp;—
<B>HTML</B> Smdash;
: HTML .
<I>HTML</I> —
5. ?
) + <DEL>Mama</DEL><INS>Cama + <></><1></1> =
</18> =
-: <DEL> , <INS> , <> , <1> .
) + <DEL>Mama</DEL><INS>Cama + <8></8><></> =
</18> =
: <DEL> <S>
, <INS> <U> .
274
) + <DEL>Maia</DEL>
<INS>HaTama</INS> =
+ <STRIKE>Mama</STRIKE>
<STRONG>HaTaia</STRONG> =
-: <DEL>
<STRIKE> , <INS> , <STRONG> .
6. ?
) HTML-: <PRE> HTML-: <PRE>
<1><1>
<><>
</PRE>
</PRE>
-: <PRE> , .
) HTML-: <PRE> HTML-: <CODE>
<1></1>
<1></1>
<></>
<></>
</PRE>
</CODE>
-: <PRE> , <CODE>
.
<1></1>
<I>KypcHB</I>
<></>
Sit;USgt;&];/U>
</PRE>
</CODE>
-: , <PRE>, .
<1></I>
<BR> Snbsp;Snbsp;<1></I>
<></11>
<BR> Snbsp; Snbsp; <U>no </>
</PRE>
</CODE>
( , ).
) HTML-: <PRE> HTML-: <FONT
<1></1>
face="Courier New">
<1)></>
<BR> snbsp; snbsp; <1></1>
</PRE>
<BR>   <U>nofl4epKHyTbisi</U>
</FONT>
( , ).
7. ?
)
<!><SUP></I>
<VAR>slt;SUPSgt;</VAR>

275
.
)
<FONT face="Courier
<VAR>Slt;SUP></VAR>
New">Slt;SUP></FONT>

-: <VAR> , <FONT face="Courier New">
Courier New.
) <KBD><SUP>
</KBD>

<FONT face="Courier
New"><SUP></FONT>

.
) <SAMP><SUP&
gt;</SAMP>

<FONT face="Courier New">

<SUP></FONT>

7
1. HTML- ?
) <UL start=l>
<LI>
<>
</UL> : <UL> start.
) <UL start=circle>
<LI>
<>
</UL> : -, <UL> start, a
-, circle.
) <UL type=l>
<LI>
<>
</UL> : type 1.
) <UL type=circle>
<LI>
<>
</UL> .
2. HTML- ?
) <OL start=l>
<LI>
<>
</OL> .
) <OL start=circle>
<LI>
<>
</OL> : start circle.
276
) <OL type=l>
<LI>
<LI>
</OL> .
) <OL type=circle>
<LI>
<>
</OL> : type <OL>

circle.
3. HTML- ?
) <DL>
<DT> 1</DT>
<DD> 1</DD>
<DT> 2</DT>
<DD> 2</DD>
</DL> .
) <DT> 1</DT>
<DD> 1</DD>
<DT> 2</DT>
<DD> 2</DD> : <DL>.
) <DL type=circle>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL> : <DL> type.
) <DL start=l>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL> : <DL> start
8
1. HTML- ?
) <IMG =" \.!"> :
;
, .
) <IMG src="Mydoc\vasya.gif"> : , .
) <IMG src="Mydoc/vasya.gif"> .
) <IMG src=Mydoc/vasya.gif> .
) <IMG src="Mydoc/vasya.tif"> : TIFF
Internet, .

277
e) <IMG src="Mydoc/vasya.GIF"> .
,
, .
2. HTML- ?
) <IMG src=vasya.gif border=l bordercolor=red> :
<IMG> border color.
) <IMG src=vasya.gif border=l> .
) <IMG src=vasya.gif border=l,5> : border ,
.
) <IMG src=vasya.gif border=1.5> : border ,
.
) <IMG src=vasya.gif border=red> : border
, ,
.
) <IMG src=vasya.gif border=0> .
3. HTML- ?
) <IMG src=vasya.gif alt=vasya. jpg> . vasya.gif
vasya.jpg ( vasya.jpg,
).
) <IMG src=vasya.gif alt=vasya> .
vasya.gif vasya.
) <IMG src=vasya.gif alt="3To "> . vasya.gif
.
) <IMG src=vasya.gif alt=3To > :
, . .
) <IMG src=vasya.gif alt=Eto Vasya> :
, .
, , "", .
4. , :
) <IMG src=pict.gif align=right> .
, .
) <IMG src=pict.gif align=left> .
) <IMG src=pict.gif> .
, .
278
) <IMG src=pict.gif align=left><BR clear=right>

. <BR clear=right> .
) <IMG src=pict.gif align=left><BR clear=left> . <BR clear=lef t> .
5. , :
) <IMG src=pict.gif align=right> .
) <IMG src=pict.gi/ align=left> .
, .
) <IMG src=pict.gif> .
, .
) <IMG src=pict.gif align=right><BR clear=right> . <BR clear=right> .
) <IMG src=pict.gif align=right><BR clear=left>
. <BR clear=left> .
6. ,
:
) <IMG src=pict.gif align=center> . align <IMG> center.
) <BR clear=center><IMG src=pict.gif> . clear <BR> center.
) <IMG src=pict.gif><BR clear=center> . clear <BR> center.
) < align=center><IMG src=pict.gif> .
9
1. HTML- ?
) <> </> :
.
) <HREF> page2.htm </HREF> : <HREF> .
) < href=page2.htm> </> .
) < href="page2.htm"> </> .
) < target=page2. htm> </> :
href, target.
2. HTML- ?
) < href=page2. htm target=blank> </> : _.
) < href=page2. htm target= blank> </> .
) < href=page2.htm target=blank_> </> : Jblank.

279
3. HTML-,
label, page2.htm, ?
) < href=page2. htm name=label> </> : name
, .
) < href="page2.htm\label"> </> : I.
) < href="page2.htm/label"> </> : I.
) < href="page2.htmilabel"> </> .
) < href="page2.htm, label"> </> :
If.
4. HTML- ?
) < href="mailto:tome@mail.dom"> </> .
) < href="mailto:tome?mail.dom; subject=IlpHBeT;body=KaK ?">
</> : subject
?; .
) < href="mailto:tomeimail.dom? subject=npnBeT;body=KaK ?">
</> : .
) < href="mailto:tomemail.dom? subject=npHBeT;body=KaK%20nena?">
</> .
) < href="mailto:tome@mail.dom?subject=npHBeT"> ? </> . " ?" ,
.
) < href="mailto:tomeemail.dom?subject=npHBeT;"> ? </> - . " ?" ,
. , ;.
5. HTML- ?
) < name=image>
<AREA shape=triangle coords="10,20,30,40" href=pag2.htm>
</MAP> : shape triangle.
) < name=image>
<AREA shape=rect coords="10,20,30,40" href=pag2.htm>
</MAP> .
) <MAP name=image>
<AREA shape=poly coords="10,20,30,40" href=pag2.htra>
</MAP> :
, , .
6. HTML- ?
280
) < name=image>
</>
<IMG usemap=image> :
. , <IMG>
.
) < name=image>
</>
<IMG usemap=|image> : <IMG>
.
) < name=image>
</>
<IMG usemap=fimage src=image. jpg> .
) < name=iraage>
</>
<IMG src=image.jpg#image> :
usemap.
) < name=image>
</>
< href=image> <IMG src=image. jpg> </A> :
usemap.
10
1. . 10.1.
, , .
<table align=center cellpadding=0>

<tr>
<td colspan="2" width=50* height=25$> </td>
<td bgcolor="lightblue" rowspan=2 align=center height=250 width=25%>
<img src="up.gif" width=50><b><BR>B<BR>B<BR>e<BR>p<BR>x</bx/td>
<td rowspan=2 width=254> </td>
</tr>
281
<tr>
<td colspan="2" bgcolor=darkyellow width=250 align=center height=20>
<img src="left.gif" align="absmiddle" width=50>
<b> B n e BSnbsp; o</b></td>
</tr>
<tr>
<td width=25% height=25%> </td>
<td rowspan=2 bgcolor=lightgreen align=center height=250 width=25%>
<b>B<BR>H<BR>H<BR>3<BR></b><img src="down.gif" width=50></td>
<td colspan=2 bgcolor=pink align=center width=250>
<b>B n p a B o </b>
<img src="right.gif" align="absmiddle" width=50></td>
</tr>
<tr>
<td height=25%> </td>
<td colspan=2> </td>
</tr>
</table>
2. . 10.1.
, , .
<TABLE cellpadding=5 align=center>
<TR>
< ?</>
<TD rowspan=2xb>H!</bx/TD>
<> ?</>
</TR>
<TR>
<TD>KTO ?</>
< ?</>
</TR>
</TABLE>
11
1. HTML- ?
) <FRAMESET rows=70,*> </FRAMESET> .
) <FRAMESET rows=70%,*i70>... </FRAMESET> .
) <FRAMESET cols=70,*%> ... </FRAMESET> : * , .
) <FRAMESET cols=70000,*> ... </FRAMESET> HTML
. 7000
?
) <FRAMESET rows=*,*> ... </FRAMESET> .
282
) <FRAMESET rows=2*,*> ... </FRAMESET> .

) <FRAMESET rows=**,*> ... </FRAMESET> : *
.
) <FRAMESET rows=*; *> ... </FRAMESET> : , .
) <FRAMESET rows=*> ... </FRAMESET> .
,
?
2. HTML- ?
<FRAME src="soureel.htm">
</FRAMESET> : .
</FRAMESET> .
) <FRAMESET cols=*,* rows=*,*>
</FRAMESET> :
<FRAMESET> cols rows .
) <FRAMESET cols=*,*,*,*>
</FRAMESET> .
<FRAME src="source1.htm" >
</FRAMESET> . ,
. , , ...
3. HTML- ?
a) <FRAMESET cols=*,* frameborder=no>
</FRAMESET> .
283
<FRAME src="sourcel.htm" frameborder=no>
</FRAMESET> .
) <FRAMESET cols=*,* border=no>
</FRAMESET> : border .
) <FRAMESET cols=*,* border=10>
</FRAMESET> .
<FRAME src="sourcel.htm" border=10>

</FRAMESET> : border <FRAMESET>,
<FRAME>.
4. HTML- ?
<IFRAME src="sourcel.htm" border=10>

<IFRAME src="source2.htm">
</FRAMESET> : <IFRAME>
.
) <TABLE>
<TR><TDXIFRAME src=" sour eel. htm" border=10x/TD>

<TD><IFRAME src="source2.htm"></TDX/TR>
</TABLE> .
) <IFRME> </1> :
.
12
1. HTML- ?
) <FORM action=mailto:mymail@mail.dom method=post enctype=application
/x-wwtf-f orm-urlencoded>
</FORM> : text/plain.
) <FORM action=mailto:mymail8mail.dom method=get enctype=text/plain>

</FORM> :
post.
284
) <FORM action=mailto:mymailmail.dom method=post enctype=text/plain>

</FORM> .
) <FORM action=mailto:mymailmail.dom method=post enctype=plain>
) <FORM action=mailto:mymail?mail.dom method=post enctype=text>
2. HTML- ?
) <INPUT type=text value=" : "> : .
) <INPUT type=text name=itext !=" : "> .
) <INPUT type=text name=itext> </INPUT> : <INPUT> .
) : <INPUT type=text name=itext> .
3.
?
<INPUT type=text name=itext size=10 maxlength=20>

) 10 20, .
) 20 10, .
4. HTML-
?
) <INPUT type=button value=submit> : ,
.
) <INPUT type=submit value=OK> .
) <INPUT type=submit name=OK>OK</INPUT> <INPUT>
.
) <INPUT type=submit name=OK> .
) <INPUT type=image src=ok.gif value=OK> .
5. HTML-
?
) <INPUT type=button value=reset> : ,
.
) <INPUT type=reset value=Cancel> .

285
) <INPUT type=reset name=Cancel>Cancel</INPUT> <1>

.
) <INPUT type=reset name=Cancel> .
) <INPUT type=image src=cancel.gif value=Cancel> : image .
6. HTML- ?
) <> </> : .
) <TEXTAREA name=ltext>BB6flHTe </> .
</TEXTAREA> , value .
) <TEXTAREA name=ltext 71= ></>
, value .
) <TEXTAREA name=ltext != > :

<TEXTAREA> .
1. ?
) <INPUT type=checkbox \=1> 1
<INPUT type=checkbox =2> 2
<INPUT type=checkbox => 3 .
) <INPUT type=checkbox name=vl checked>BapHaHT 1

<INPUT type=checkbox name=v2 checked>BapHaHT 2
<INPUT type=checkbox name=v3 checked>BapnaHT 3 .
) <INPUT type=radio name=vl checked>BapnaHT 1

<INPUT type=radio name=vl checked>BapnaHT 3 .
) <INPUT type=radio name=vl>BapnaHT 1

<INPUT type=radio =!> 2
<INPUT type=radio name=vl>BapnaHT 3 .
) <SELECT name=vl>
<OPTION !=" 1">
DPTION value=" 2">
<OPTION value=" 3">
</SELECT> .
) <SELECT name=vl>
<OPTION value=" 1" checked>
</SELECT> .
286
>
) <SELECT name=vl checked>

<OPTION !=" 1">
<OPTION !=" 2">
3PTION value=" 3">
</SELECT> : <SELECT> checked.
) <SELECT name=vl multiple>
<OPTION !=" 1">
<OPTION 1=" 2">
<OPTION !=" 3">
</SELECT> .
13
1. HTML- ?
) <BODY margin=10> : margin .
) <BODY marginwidth=10> .
) <BODY leftmargin=10> .
) <BODY leftmargin=10%> .
2. HTML- ?
) <BODY text=4> : IRRGGBB.
) <BODY text=Times> : text , .
) <BODY text=black> .
) <BODY text=H234> .
3. , ?
) <BODY link=green> .
) <BODY alink=green> : alink .
) <BODY blink=green> : blink .
) <BODY xlink=green> : blink .
) <BODY ylink=green> : blink .
) <BODY vlink=green> : vlink .
4. , ?
) <BODY color=yellow> : color .
) <BODY bgcolor=yellow> .
) <BODY background=yellow> : background
, .

287
14
1. HTML- ?
) <> </> : <TITLE> </TITLE>.
) <TITLE text=" "> : <TITLE> .
) <1> </1> .
) <1><> <//1> : <TITLE> </TITLE> .
) <TITLE align=center>3aronoBOK
<TITLE> .
</1> :
2. HTML- ?
) < name=keywords>cnHcoK </> :
<> </>.
) < name=keywords contents=" "> : contents .
) < name=keyword content=" "> : keyword .
) < name=keywords content=" "> .
) < http-equiv=keywords content=" "> : - keywords name.
3. HTML- ?
) < name=description content" " name=copyright content="A.B. "> : <> -.
) < namel=description content=" " name2=copyright
content="A.B. "> : <>
-.
) < name=description content=" " httpequiv=copyright content="A.B. "> : <> -.
) < name=description content=" ">
< name=copyright content="A.B. "> .
) <>
name=description content=" "

name=copyright content="A.B. "
</> : <> .
288
15
1. HTML- ?
) <I class="font-size: 18; color: white; background-color: black">

, .</!> . style.
) <I style="font-size: 18; color: white; background-color: black">
, .</!> .
) <I.style="font-size: 18; color: white; background-color: black">
, .</!> .
. .
) <I class=inverse>
, .</!> , ,
inverse .
2. HTML- ?
) <STYLE>
I.inverse="font-size: 18; color: white; background-color: black"
</STYLE> : ; , .
) <STYLE>
I.inverse:"font-size: 18; color: white; background-color: black"
</STYLE> :
; , .
) <STYLE>
inverse="font-size: 18; color: white; background-color: black"
</STYLE> : ; , ; .
) <STYLE>
I.inverse={font-size: 18; color: white; background-color: black"}
</STYLE> :
, .
) <STYLE>
inverse "font-size: 18; color: white; background-color: black"
</STYLE> : ; .
289
) <STYLE>
.inverse {font-size: 18; color: white; background-color: black"}

</STYLE> .
) <STYLE>
I.inverse {font-size: 18; color: white; background-color: black"}
</STYLE> .
3. , . ?
) U I {color=red} .
) U {font-style=italic; color=red} .
) I {font-style=bold; color=red} : font-style
bold.
) I {font-weight=bold; color=red} .
) I.bold {color=red} :
, .
) U.italic {color=red} - :
, .
) I.bold {font-weight=bold; color=red} .
) DIV {font-style=italic; font-weight=bold; color=red} :
,
<DIV>.
16
1. ?
) < onMouseDown="window.alert('!' )"> :
.
.
) < onMouseClick="window.alert('DlenK!')"> .
) < onMouseUp= "window.alert('!' )"> .
.
) < onMouseOver= "window, alert ('!' )"> :
.
.
2.
?
a) <IMG src=big.gif onMouseDown="window.alert(ênK!')"> :
.
290
) <IMG src=big.gif onMouseOut="window. alert ('! ')"> : .

) <IMG src=big.gif onMouseUp="window.alert('! ')"> : .
) <IMG src=big.gif onMouseOver="window.alert('! ')"> .
3.
?
.
: -
) <IMG src=big.gif onMouseOut="window.alert('!')"> .

) <IMG src=big.gif onMouseUp="window.alert('BlenK! ')"> : .
) <IMG src=big.gif onMouseOver="window.alert('! ')"> : .
4. :
<BODY onUpload="window.alert(' ')">.

?
) (Back) .
) (Forward) .
) (Refresh) .
) (Stop) : , .
5. :
<BODY onLoad="window.alert(' ')">.
?
) (Back) : .
) (Forward) : .
) (Refresh) .
) (Stop) : .
291
HTML
href
name*
target
title
( ]
<ACRONYM>
<ADDRESS>
( -
)

alt
<AREA>*"
<>
.<img>
coords
( , )
href
. <>
NOHREF
shape
target
. <>
<BASEFONT>*" . <FONT>
<BLOCKQUOTE> ( - )
<BODY>
a link
background
bgcolor
bgproperties
bottoraraargin
lef tmargin

URL
mailto:aflpec?subject=TeMa
,
: _blank ( ), _self ( ), _parent ( ), _top (
)
: , , ; : , , , ;
: XI, Yl, X2, Y2,... Xn, Yn, XI, Y1
circ
rect
poly
IRRGGBB
JRL
:
RRGGBB
ixed
(
[

****
****
HTML
293
<BODY>
link
Web-
marginheight
marginwidth
rightmargin
scroll
text
topmargin
vlink
<BR>***
( clear

)
<1>
<COL>***
( -
)

( )
. <COLGROUP>
<COLSPAN>*
<CODE>
<DEL>
<DFN>
<DIR>
align
. <td>
bgcolor
. <td>
height
. <td>
span
valign
. <td>
width
. <td>
( -
)
( -
)
. <>
align
294
IRRGGBB
****
****
****

****

,
,
,
,
-1
" HTML
295
<DL>
<DT>
<>
(
)
<FONT>

<FORM>
<FRAME>*
color
face
size
action
enctype
method
name
target
.<>
bordercolor
f rameborder

frameborder
<FRAMESET>
marginheight
marginwidth
name
noresize
scrolling
src
border
bordercolor
cols
frameborder
.<frame>

. <frame>
f ramespacing
<1>...<6>
296
rows
align
IRRGGBB
.. 7 -6...+
. size=3
URL
application/x-www-form-
urlencoded**
text/plain
get**
post
yes *

target <>
10
,

,
.uto**
IRL
****
jf t"
\ HTML
297
frameborder
CM.<frame>
<1>... <6> ()
<HEAD>
<HTML>
<IFRAME>*

Html-
height
marginheight . <frame>
marginwidth CM. <frame>
<IMG>*
<INPUT>*
name
scrolling
CM. <f rame>
src
width
align
CM.<frame>
alt
border
height
hspace
src
usemap
vspace
width

URL
,

,
checked
maxlength
name
size
type
298
CM. <frame>

. <forra>

right
center
left
right
absbottora
baseline, bottom"
absmiddle, middle
texttop
top
( 0, -2)
"**
\enoe
IRL
[
[

****
, type=checkbox type=radio

sxt"
HTML
299
<INPUT>*** ()
value
<INS>
<>
( -
)
, (
)

type
value
<LINK>
<>
<MENU>
<>***
<NOBR>
<>
300
href, src
(
)

rel
type
( rel=stylesheet)
name
content
- http
http-equiv http-
name
type
password
checkbox
radio
submit
image
( . <IMG>)
reset
file
hidden
I, i, , disc, square, circle

URL
stylesheet
*****
. <STYLE>
<IMG>, , useraap
content-type
name
http-equiv
MIME
expires
refresh
author
lescription
()
eywords
enerator
HTML-,

HTML
301
<OL> ()
start
<>*"
<PRE>
<SAMP>
<SELECT>
<STRONG>
.<form>
name
selected
checked
value
.<input>
align
(
)
( -
)
multiple

name
. <f orm>
size
<SmE>
(
)

type
<SUB>
<SUP>
<TABLE>
302
align
background
bgcolor
left"
right
center
justify
ext/css
CSS
ext/javascript
JavaScript
ft"
jht
iter
3GBB
HTML
303
<.> ()
border
bordercolor

( 0)

bordercolordark
bordercolorlight
cellpadding
cellspacing
frame
height
rules
width
align
background
. <table>
bgcolor
. <table>
bordercolor
. <table>
bordercolordark . <table>
bordercolorlight . <table>
304
fRRGGBB
tRRGGBB
above
below
hsides
Ihs
rhs
vsides
border box"
( , border=lj
void
, ( border)
****
all
, border
cols
groups
(. <COLGROUP>)
ows
****
5ft"
.ght
nter
HTML
305

<TD>* ()
colspan
<>*
.<table>
nowrap
width
.<table>
cols
name
, <form>
rows
wrap
. <TD>
<TR>
<UL>
type
<TITLE>
<VAR>
<WBR>***
height
rowspan
valign
<TEXTAREA>
align
.<td>
bgcolor
.<td>
bordercolor
.<td>
bordercolordark ,<td>
bordercolorlight CM. <td>
height
CM. <td>
valign
CM. <td>

( -
)

*
**
306
top
middle
bottom
*
**
*** . .
' HTML
307
&nbspj

¡
.#161;
¢
&.162;
bpound;
£
bcurren;
¤
i
i
¥
¥
bbrvbar ;
&.S166;
§
§
buml;
¨
5, copy;
©
ª
ª
«
&f171;
-,
8.not;
¬
f,shy;

""
breg;
.#174;
&macr ;
.#175;
5.deg ;
°
&plusm;
.#177;
5,sup2;
²
"2" ""
f,sup3;
³
"3" ""
bacute;
´
wnicro;
.#181;
dpara;
.#182;
·
·
""
Scedil;
¸
<
J
&supl ;
¹
"
Sordra;
86;
Sraquo;
»
'/4
Sfracl4;
¼
" "
'/2
Sfracl2;
½
" "
Sfrac34;
&#J90;
" "
Siquest;
&#wr,
SAgrave;
À
SAacute;
&#
SAcirc;
&#;
SAtilde;
&#,
SAuml ;
Ä
SAring;
Å
SAElig;
&#W8;
SCcedil;
&#J99;
SEgrave;
È
SEacute;
É
SEcirc;
Ê
SEuml;
Ë
sigrave;
Ì
Slacute;
Í
SIcirc;
Î
Slural;
Ï
SETH;
Ð
SNtilde;
Ñ
SOgrave;
&#2IO;
SOacute;
Ó
SOcirc;
&#2t2;
SOtilde;
Õ
SOuml;
Ö
& times;
×
'
309
SOslash;
Ø
Wgrave;
Ù
bUacute;
Ú
Û
Û
Ml;
Ü
bYacute;
Ý
t>
Þ
Þ
ß
ß
bagrave;
à
saacute;
á
fcacirc;
â
batilde;
ã
& aural;
ä
baring;
å
baelig;
æ
Siccedil;
&231;
begrave;
è
é
é
becirc;
ê
& enrol;
ë
sigrave;
&236;
Sdacute;
í
î
î
biuml;
ï
beth;
ð
6
6
bntilde;
ñ
bograve;
ò
ó
ó
ô
ô
õ
õ
ö
ö
bdivide;
÷
310
0
U
U
U
U
Y
THORN
s

i
i
i
i
eth

soslash;
ø
Sugrave;
49;
suacute;
4#250;
sucirc;
4#251;
Suural;
ü
Syacute;
ý
S thorn;
þ
thorn
Syuml;
ÿ
Sfnof;
ƒ
S Alpha;
Α
SBeta;
Β
&6/
&915;
SDelta;
Δ
SEpsilon;
Ε
SZeta;
Ζ
SEta;
Η
STheta;
Θ
Slota;
Ι
4 Kappa;
<i#922;
SLambda;
Λ
SMu;
Μ
Ν
Ν
SXi;
Ξ
SOmicron;
Ο
SPi;
Π
SRho;
Ρ
SSigraa;
Σ
STau;
Τ
SOpsilon;
Υ
SPhi;
Φ
SChi;
Χ
SPsi;
<36;
311
Ω
&0mega;
alpha;
β
{.gamma;
δ
Sepsilon;
bzeta;
betaj
btheta;
biota;
κ
λ
μ
μ
ν
ν
ξ
ξ
bomicron;
ο
S,pi;
π
<;
ρ
ρ
ssigmaf ;
& sigma;
τ
υ
φ
χ
ψ
& omega;
.bull;
...
bhellip;
…
sprime;
′
″
″
&oline;
&t8254;
S,frasl;
260;

()

Y
6
<
X
(0
312
α
β
γ
δ
ε
ζ
η
θ
ι
κ
&955;
ς
σ
τ
υ
φ
.#967;
ψ
ω
•
i trade;
482;
<
slarr;
592;
Suarr;
593;
Srarr;
→
J.
idarr;
↓
f->
Sharr;
↔
scrarr;
↵
t=
SlArr;
⇐
SuArr;
⇑
=>
SrArr;
⇒
SdArr;
⇓
<=>
ShArr;
⇔
Sforall;
∀
" "
Spart;
∂
Sexist;
∃
""
serapty;
∅
snabla;
&#871 1;
""
Sisin;
<712;
Snotin ;
∉
" "
Sni;
∋
""
Sprod;
∏
∑
∑
(minus ;
−
Slowast;
∗
""
Sradic;
√
&prop;
∝
iinfin;
∞
sang;
∠
Sand;
∧
Sor;
∨
Scap;
∩
Scup;
∪
313
bint;
&8747;
.*.
&there4;
∴
bsim;
∼
- ' '
bcong;
773;
" "
basymp;
≈
" "
≠
≠
=
<
>
&equiv;
&f8801;
s,le;
≤
≥
805;
bsubj
⊂
⊃
⊃
<z
bnsub;
⊄
bsube;
⊆
&supe;
⊇
boplus;
⊕
&otimes ;
⊗
sperp;
⊥
⋅
⋅
''
Slang j
〈
drang;
〉
&loz;
◊
4>
& spades;
♠
""
&clubs ;
♣
""
S.hearts;
♥
""
Cidiams ;
♦
""
11
"
"
&
Stamp;
&
<
Sit;
<
""
>
>
>
""
S,OElig;
Œ
Soelig;
œ
& Scar on;
Š
S ""
314
Sscaron;
&353;
s ""
&1;
Ÿ
Scirc;
ˆ
Stilde;
˜
Sensp;

Serasp;
&#8J95;
ithinsp;

izwnj;
‌
Szwj;
‍
Sndash;
–
Smdash;
&8212;
Slsquo;
‘
irsquo;
’
Ssbquo;
‚
ildquo;
A#8220;
Srdquo;
221;
Sbdquo;
„
dagger;
†
SDagger;
‡
Spermil;
‰
Slsaquo;
‹
Srsaquo;
›
euro;
€
>0
315

tfRRGGBB, 48
&
&amp, 35
&gt, 35
&laquo, 35
&lt, 35
&nbsp, 28; 35
&raquo, 35
<A>, 114
<ACRONYM>, 67
<ADDRESS>, 68
<AREA>, 121
<B>, 22
<BASE>, 94
<BASEFONT>, 51
<BLOCKQUOTE>, 63
<BODY>, 214
<BR>, 29; 102
<CAPTION>, 154
<CITE>, 63
<CODE>, 68
<COL>, 158
<COLGROUP>, 156
<DD>, 85
<DEL>, 66
<DFN>, 63
<DIR>, 86
<DIV>, 230
<DL>, 85
<DT>, 85
<EM>, 62
<FONT>, 41
<FORM>, 186
<FRAME>, 161
<HEAD>, 213; 222
<Hn>, 55
<HTML>, 213
<I>, 21
<IFRAME>, 179
<IMG>, 92
<INPUT>, 188; 192; 204; 206
<1NS>, 66
<KBD>, 71
<LI>, 76
<LINK>, 231
<MAP>, 121
<MENU>, 86
<META>, 224
<NOBR>, 37
<NOFRAMES>, 178
<OL>, 76
<OPT1ON>, 207
<P>, 26
<PRE>, 69
<S>, 50
<SAMP>, 71
<SELECT>, 207
<STRIKE>, 50
<STRONG>, 63
<STYLE>, 231
<SUB>, 64
<SUP>, 64
<TABLE>, 134
<TD>, 134
<TEXTAREA>, 197
<TH>, 155
<T1TLE>, 222
<TR>, 134
<U>, 22
<UL>, 79
<VAR>, 70
<WBR>, 39
ASCII- , 34
Esc-, 34
Expires, 227
G
Generator, 226
GIF, Graphic Interchange
Format, 107
, 108
H
HTML, Hypertext Markup
Language, 12
, 253
HTML-, 15
, 15
, 15
Internet, 13
JavaScript, 255
JPEG, Joint Photographic Expert
Group, 107
Keywords, 224
^
Cascading Style Sheets, CSS, 230
, 246
M
, 247
MIME-, 186
, 248
, 248
N
, 237
Notepad, 15
, 236
, 241
Content-type, 227
Copyright, 226
onAbort, 263
CSS, Cascading Style Sheets, 230 onBlur, 258
, 246
onChange, 259
, 247
onClick, 255
, 248
onDblClick, 256
, 248
onError, 263
, 237
onFocus, 258
, 236
onKeyDown, 258
, 241
onKeyPress, 258
onKeyUp, 258
onLoad, 261
onMouseDown, 257
Description, 225
DHTML, Dynamic HTML, 253 onMouseMove, 257
onMouseOut, 257
mMouseOver, 257
mMouseUp, 257
mSelect, 259
mSubmit, 261
Unload, 261
Radiobutton, 206
Refresh, 227
Robots, 226
Tag, 20
Target, 116; 126
w
Web-
, 223
, 213
, 222
, 214
, 261
onAbort, 263
onError, 263
onLoad, 261
onUnload, 261
, 213
, 217
, 218
idow.alert, 258
idow.event.keyCode, 258
:te, 256
5, 67
, 28
, 109
, 117
iK , 117
/, 14; 19
, 64
, 169
, 91
, , 139
,
, 136

, 103
, 41
:, 113
CSS, 246, 247

, 120
, 127
, 14; 113
, 120
,
, 106
GIF, 107
JPEG, 107
, 107
, 107
, 156
, 20
<>, 114
<ACRONYM>, 67
<ADDRESS>, 68
<AREA>, 121
<>, 22
<BASE>, 94
<BASEFONT>, 51
<BLOCKQUOTE>, 63
<BODY>, 214
<BR>, 29; 102
<CAPTION>, 154
<CITE>, 63
<CODE>, 68
<COL>, 158
<COLGROUP>, 156
<DD>, 85
<DEL>, 66
<DFN>, 63
<DIR>, 86
<DIV>, 230
<DL>, 85
<DT>, 85
<EM>, 62
<FONT>, 41
<FORM>, 186
<FRAME>, 161
<FRAMESET>, 161
<HEAD>, 213; 222
<Hn>, 55
<HTML>, 213
<I>, 21
<IFRAME>, 179
<IMG>, 92
<INPUT>, 188; 192; 204; 206
<INS>, 66
<KBD>, 71
<LI>, 76
<LINK>, 231
<MAP>, 121
<MENU>, 86
<META>, 224
<NOBR>, 37
<NOFRAMES>, 178
<OL>, 76
<OPTION>, 207
<P>, 26
<PRE>, 69
<S>, 50
<SAMP>, 71
<SELECT>, 207
<STRJKE>, 50
<STRONG>, 63
<STYLE>, 231
<SUB>, 64
<SUP>, 64
<TABLE>, 134
<TD>, 134
<TEXTAREA>, 197
<TH>, 155
<TITLE>, 222
<TR>, 134
<U>, 22
<UL>, 79
<VAR>, 70
<WBR>, 39
, 20
, 20
, 61
, 20
, 20
, 28
, 20
, 35
HTML, 253
, 55
, 155
Web-, 223
, 154
, 117
, 115
, 119
, 50
,
103
, 120
, 121
, 104
, 100
, 105
, 95
, 64
, 64
, 35
, 121
, 127
317

, 246
, 247
, 248
, 248
, 237
, 236
, 241
, 229
, 192
, 16
, 31
, 108
, 61
, 79
, 255
images, 256
-, 224
author, 226
content-type, 227
copyright, 226
description, 225
expires, 227
generator, 226
keywords, 224
refresh, 227
robots, 226
, 83
, 51
, 36
, 14
, 233
, 221
, 197
, , 119
GIF, 108
, 142
, 165
, 143
, 44
, 95
, 29
, 145
, 171
CSS, 248
, 207
HTML, 15
, 15
, 15
, 127
,
107
, 152
, 253
, 126
onAbort, 263
Web-, 222
onBlur, 258
, 27
onChange, 259
, 64
onClick, 255
, 76
onDblClick, 256
onError, 263
onFocus, 258
onKeyDown, 258
, 104
onKeyPress, 258

onKeyUp, 258
, 100
onLoad, 261
, 117
onMouseDown, 257
onMouseMove, 257
CSS, 248
onMouseOut, 257
, 144
onMouseOver, 257
, 171
onMouseUp, 257
, 105
onSelect, 259
onSubmit, 261
onUnload, 261
Netscape, 49
Web-, 261
, 258
, 177
, 255
, 127
, 258
, 28
, 67
318
Internet, 14
, 222
, 118
, 34
, 51
, 75; 202
, 202
, 79
, 83
, 76
, 202; 206
, 207
, 84
, 113
, 120
, 127
, 177
, 230
, 232
, 188
, 131
,
139
, 136
, 154
, 144
, 142
, 145
, 152
, 246
, 247
, 248
, 248
, 237
, 236
, 241
, 229
, 150
, 188
, 197
, 5
MIME, 186
, 35
, 117
CSS, 237
Web-, 217
, 150
, 185
, 258
onBlur, 258
onChange 259
onFocus, 258
onSelect, 259
onSubmit, 261

' '6
GIF
107
,
JPEG, 107
, 107
, 107
, 161
, 164
, 169
, 164
, 171
, 165
, 171
CSS, 236
, 218
4?
,
, w
, 117
, 117
CSS, 241
, 41
, 50
, 51
, 44
, 51
, 47
, 16
, 156
, 152
, 143
319
HTML
..
. .
. .
.. , . .
"".
101509, , . , . 43, . 1.
. . 090230 23.06.99
.
19.05.2003. 70x100/16.
Times. .
. . . 25,8. .-. . 16,0.
4000 . 105.
" "
,
.
197110, -, ., 15.
HTML

World Wide Web - HTML.
,
,
, ,
Web.
HTML,
, Web-.
-
. , ,
HTML-, , .
,
.
, ,
.
ISBN 5-8459-0466-8
:
;1'1:1||,! iili'i
"" Internet
: www.dialektika.com
||
9 "785845 904669
11
www.homepc.ru

Самоучитель по освоению языка HTML

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Самоучитель по освоению языка HTML

Transféré par

Droits d'auteur :

Formats disponibles

IV

HTML. . : . : "", 2003.

. ? , , -, perText Markup Language HTML. ...

! <1> 2 <2> </2> 4

. 1.3. <1> <>

< 1=! 2=2 ...>

) < align = center> ?

Esc-. , Esc- &I60 &#62.

....... I ' 1 '

. 3.5. <NOBR>... <NOBR>

. 3.6. <WBR> <NOBR>... <NOBR>

Microsoft Word "" . , ,

) : &laquo;eno4KH&raquo;, Sldquo; natiKH&rdquo;

ij^3 D\My docs\DIALECT\HtmlTutoATESTHTMLhtrnl

soft Intmnnl Exp

<FONT size=1>3TO !</FONT>

<FONT size=-2>3TOT 2</FONT>

. 4.7. size , ""

<FONT color=mediumaquamarine size=5><B> : mediumaquamarine

. 4.8. <STRIKE> <S>

) <color=red font size=l>

) <font="red, 1"> </!>

) <BASEFONT color=blue> <FONT color=yellow>

D:\My docs\DIAIECT\HlmlTutot\TESTHTML html

\Mydocs\DIALECT\l Itnil I utorj

|< align=right>3aronoBOK </>

SltjEMSgt; <> </>. |

|fj D\My docs\DIALECT\H1mlTutor\T6STHTML.html

, <PRE> ( preformatted "

. 6.9. <CODE>, <P> <BR>

<KBD> ( keyboard ""), <SAMP> ( sample "", "").

HTML "" "", .. ,

) <BLOCK quote="THie efleib&nbsp;&mdash; ">.

) <PRE>THine eflemb&nbspj&mdash; 6yflenm</PRE>.

<2 3> 3</2>

*"", ' '

] D:\My docs\DlALECT\Htmrrutor\TESTHTWL html

<DD>Hypertext Markup Language, .

:DD>Hypertext Markup Language,

: , , , <>. , " ":

Hypertext Markup Language, .

<IMG =":\ \1.\8\8.91'> ''

<BASE> , " ", href, URL. Web-, , .

. 8.3. width height,

. 8.4. , width height,

. 8.5. height width

J4D D:\My docs\DlALECT\HtmrTutoATESTHTMLhtml

ali9n=cnUr>3To4nbsp ; 4iidaeh; />

<1 align=center>3To8nbep;adash; /HI>

<H1 ali9n=center>3Toanbsp;audash; /HI >

HTML-. <IMG> vspace hspace,

<1 align:c*ntr>3To8nbsp;dash; /HI >

. 8.15. vspace hspace

, JPEG, 256 GIF

soft Internet Expl.

) <IMG src=vasya.gif border=l bordercolor=red>

<IMG src=vasya.gif border=l,5>

) <IMG src=pict.gif align=center>

<IMG src=bigimage.jpg usemap=|mymap border=0>

<AREA shape=rect coords="10,325,220,470" href="browse.html" alt="063op">

<AREA>, , <>, target.

) < href=page2.htm target=blank> </>

<IMG usemap=limage src=image.jpg>

TOOF-NT3 ^,!1 ^ ftTOJb i

) : «eno4KH», Sldquo; natiKH”

) <BLOCK quote="THie efleib — ">.

) <PRE>THine eflemb&nbspj— 6yflenm</PRE>.

) <FRAMESET rows=2,> </FRAMESET>

) <FRAMESET cols=, border=10>