HTML

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
1. . . . . . . . . . . . . . . . . . . . . . . 21
2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
4. - . . . . . . . . . . . . . . . . . . . . . . . . 76
5. , . . . . . . . . . . . . . . . . 86
6. . . . . . . . . . . . . . . . . . . . . . . . . . 98
7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103
8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
10. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
11. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
12. . . . . . . . . . . . . . . . . . . . . . . . . . 198
13. . . . . . . . . . . . . . . . . . . . . . . 207
14. . . . . . . . . . . . . . . . 214
15. . . . . . . . . . . . . . . . . . . . . . . . 221
16. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
17. . . . . . . . . . . . . . . . . . . . 234
18. - . . . . . . . . . 253
. . . . . . . . . . . . . . . . . . . . . . . . 261

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
1. . . . . . . . . . . . . . . . . . . . . . . . 21

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
. . . . . . . . . . . . . . . . . . . . . . . . . . . 26

. . . . . . . . . . . . . . . . . . . . . . . . . . . 27
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
-
. . . . . . . . . . . . . . . . . 29
<BODY> . . . . . . . . . . . . . . . . . . . . . . . . . . 29
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
-
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
. . . . . . . . . . . . . . . . . . . . . . . . . . 38
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
. . . . . . . . . . . . . . . . . . . . . 41
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
. . . . . . . . . . . . . . . . . . . . . . . . . . . 50

. . . . . . . . . . . . . . . . . 51
. . . . . . . . . . . . . . . . . . . 53
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
- . . . . . . . . . . . . . . . . . . . 57

GIF . . . . . . . .
JPEG . . . . . . .
PNG . . . . . . . .
BMP . . . . . . . .
PCX . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
58
58
59
59
59
60
. . . . . . . . . . . . . . . . . . . . . . . . . . . 60
- . . . . . . . . . . . . . . 61

. . . . . . . . . . . . . . . . . . . . . . . . 65
. . . . . .
<MAP> . . . . . . . .
<AREA> . . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
66
67
67
69
. . . . . . . . . . . . . . . . . . . . . . 72
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
4. - . . . . . . . . . . . . . . . . . . . . . . . . . 76
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77
. . . . . . . . . . . . . . . . . . . . . . . . 78
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
5. , . . . . . . . . . . . . . . . . . 86
. . . . . . . . . . . . . . . . . . . . . . . . . . . 87
. . . . . . . . . . . . . . . . . . . . . . . . . . . 89
. . . . . . . . . . . . . . . . . . . . . . . . . . . 92
. . . . . . . . . . . . . . . . . . . . . 94
Java- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
. . . . . . . . . . . . . . . . . . . . . 96
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
6. . . . . . . . . . . . . . . . . . . . . . . . . . 98
-
. . . . . . . . . . . . . . . . . 99
. . . . . . . . . . . . . . . . . . . . . . . . . . . 99
. . . . . . . . . . . . . . . . . . . . 101

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
. . . . . . . . . . . . . . . . . . . . . . . . . . . 104
. . . . . . . . . . . . . . . . . . . . . . . . . . 109
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 114

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
. . . . . . . . . . .
. . . . . . . . . . . .
. .
. . . . . . . .

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
119
119
120
120
121
. . . . . . . . . . . . . . . . . . 121
. . . . . . . . . . . . . . . . . . . 121
. . . . . . . . . . . . . . . . . . . . . 121

. . . . . . . . . . . . . . . . . 122
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
. . . . . . . . . . . . . . . 156
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159
. . . . . . . . . . . . . . . . . . . . . . 162

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163
10. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
. . . . . . . . . . . . . 167
. . . . . . . . . . . . . 168
. . . . . . . . . . . . . . . . . . . . . . . . . 169
. . . . . . . . . . . . . . . . . . . . . 170
. . . . . . . . . . . . . . . . . . . . 179

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
11. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
. . . . . . . . . . . . . . . . . . . . . 189
. . . . . . . . . . . . . . . . . . . . . . . . 190

. . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
. . . . . . . . . . . . . . . . . . . . . . . . 193
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 196

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
12. . . . . . . . . . . . . . . . . . . . . . . . . . 198
- . . . . . . . . . . 199

SWF . . . . . . . . . .
AVI . . . . . . . . . . .
MOV . . . . . . . . . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
201
201
202
202
MPEG . . . . . . . . . . . . . . . . . . . . . . . . 202

WAV .
AIFF .
MIDI .
MP3 .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
203
203
203
204
204
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204
Real Audio/Video . . . . . . . . . . . . . . . . . . . . . 205
10
Windows Media Server Windows Media Player . . . . . 205

QuickTime Streaming Server QuickTime Player . . . . . 206

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206
13. . . . . . . . . . . . . . . . . . . . . . . 207

. . . . . . . . . . . . . . . . . . . . . . . . . . . 208
. . . . . . . . . . . . . . . . . . . . . . . . . 208
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213
14. . . . . . . . . . . . . . . . 214
- . . . . . . . . . . . . . . . . . . . . 215
. . . . . . . . . . . . . . . . . . . . . 217
URL- . . . . . . . . . . . . . . . . . 218
. . . . . . . . . . . . . . . . . . . . . . . . . . . 219

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220
15. . . . . . . . . . . . . . . . . . . . . . . . 221
HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
META- . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
NAME . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
HTTP-EQUIV . . . . . . . . . . . . . . . . . . . . . . . . . 224
- . . . . . . . . . . . . 225

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
16. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227
<DIV> . . . . . . . . . . . . . . . . . . 227
<LAYER> . . . . . . . . . . . . . . . . 231
. . . . . . . . . . . . . . . . . . . . . . . 232

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233
17. . . . . . . . . . . . . . . . . . . . 234
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235
. . . . . . . . . . . . . . . . . . . . . . . . . . . 236

. . . . . . . . . . . . . . . 237
11

. . . .
. . . .
. . . . .
. . .
CSS
. . .
. . .
. . .
. . .
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
238
238
238
241
242
. . . . . . . . . . . . . . . . . . . . . . 244

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
18. - . . . . . . . . . 253
. . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

. . . . . . . . . . . . . . . . . . . . . . . . . 255
. . . . . . . . . . . . . 256
. . . . . . . . . . . . . . . . . . . . . . . . . . 258

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
. . . . . . . . . . . . . . . . . . . . . . . . 261

.

, , , - -
1 , . 1 ,
,
.
,
. . . , -
- -
.
. . ., ,

.

- - ,
. .-. ., ,
-.
, ,
, ,
.
, , , . . ., , . - ,
-
.
, , .
13
,
.
, - :
. .
.
, ,
: , ,
, - .

,
URL,
.
-
, -;
. , , .
, .
- .
, 2 % , 98 % ,
( , ), , ,
. !

. .
, , :
, ,
. 2 1969 ,
(Advanced Research Project
Agency, ARPA)
.
15
1970- .
(electronic mail, e-mail)
(Usernet).
1980- Bitnet. ,
- (City University of New York),
, ,
.
1984 (Domain Name System,
DNS), IP-. 1980-
.
1986 (International Organization for Standardizations, ISO) ISO-8879, SGML (Standard Generalized Markup Language
). SGML ,
.
,
, , . SGML- (Document Type Definition, DTD). DTD SGML-
SGML- , ,
. SGML ,
.
1989 , ,
(CERN) -
(Tim Berners-Lee) HTML (HyperText Markup Language
), -
(World Wide Web, WWW). - (. 0.1). , HTML
SGML-, DTD.
HTML , , DTD SGML.
, - . , . , (Vannevar Bush)
, (Ted Nelson) , , , , 60-
, .
1990 CERN -
-, - NeXTStep.
(HyperText Transfer Protocol, HTTP). , .
16
. 0.1. - HTML
1991 WWW, ,
Internet. :
URL, HTTP, HTML.
- . 1994-
, W3C
(World Wide Web Consortium), .

. , ,
, . 0.2, :
, , .
.
m P (Point of Presence, POP).
(Internet Service Provider, ISP), ,
.
m N (Network Access Points, NAP). ,
(Internet eXhange, IX),
.
17
m DNS (Domain Name System, DNS). DNS IP-.

m F (file) .
m W - (web-server).
m D (domain).
. 0.2.

HTML, , 1993 Mosaic. . Netscape Navigator Microsoft Internet
Explorer.
W3C , World Wide Web. 1996 W3C
.
1991 HTML .
.
18
m HTML 1.0. , .
m HTML 2.0. (RFC 1866) 1994 .
HTML IETF (Internet Engineering Task Force)
, HTML 2.0
.
m HTML 3.0. 1996 .
, , , , . . ,
3.0 (Cascading Style
Sheets, CSS).
m HTML 3.2. 1996 . , , . . HTML 3.2 Microsoft Netscape
.
m HTML 4.0. 1997 . 1998 . HTML 4.0 , ,
.
W3C HTML 4,0,
, , HTML- (,
, , . .), ,
.
- - ,
.
m HTML 4.01. 1999 . ,

.
HTML ,
Java, JavaScript, Perl, PHP . .
-, , ,
.
1998 XML (Extensible Markup Language
). HTML ,
.
HTML XML .
XML- .
Internet Explorer XML. Netscape Navigator, Mozilla
( Netscape)
XML.
XHTML (Extensible HyperText Markup Language
) HTML XML. W3C,
19
500 ,
XHTML HTML,
HTML.
Dynamic HTML ( HTML)
(Document Object Model, DOM), JavaScript
(CSS). Dynamic HTML - .
Dynamic HTML HTML 4.01.
Java Oak,
. Java C++.
Java .
Java-,
Java.
.
.
, Java
HTML-. Java-
, -. ,
.
. ,
,
. Java .
JavaScript , HTML-. Netscape Communications - Netscape Navigator (JavaScript
) - (JavaScript ),
. ,
-,
Sun Microsystem.
Java-, HTML-, , , JavaScript, HTML- <SCRIPT>.
, JavaScript
Java. , JavaScript Java
. Java , JavaScript
, .
VBScript , Microsoft
Visual Basic. VBScript Internet Explorer Microsoft
Internet Information Server.
ColdFusion -.
.
PHP , . ColdFusion, PHP HTML-. PHP
,
20
Personal Home Page Tools. PHP PHP Hypertext Preprocessor. PHP , C Perl (Practical Extraction and Report Language),
, PHP . Perl, PHP ,
.
CGI (Common Gateway Interface), ASP, JSP (Java Server Pager), SSI (Server Side Includes), VRML
(Virtual Reality Markup Language) .
-? , , Adobe GoLive, Microsoft FrontPage, Macromedia Dreamweaver. Adobe Photoshop, Macromedia Fireworks, Corel Photo-Paint, Adobe Illustrator, Macromedia Freehand, Corel
DRAW, Adobe LiveMotion, Macromedia Flash. - Adobe Premier, Apple Final Cut Pro, Apple Quick Time,
RealProducer, Windows Media.

HTML-. : ,
,
, .
- ,
HTML, , -.
-
.
- Microsoft
Word Microsoft Power Point.
- -. ,
, -,
.

,
comp@piter.com ( , ).
!
-
http://www.piter.com.
1

HTML -. HTML, WWW, , -. , HTML-. , ,
, , HTML-.
22
1.

HTML (HyperText Markup Language )
,
WWW (World Wide Web ). HTML ( -) - . HTML, -
HTML .
HTML ,
- .
HTML -.
WWW - ( ), , , , -, - .
WWW -, , .
WWW .
.
, , , , .
.
WWW. , ,
, , .
,
(, ) .
- (web site) -, . , , , .
- ,
-.
HTML-?
HTML- HTML- .
HTML- ASCII. (),
.
23
HTML ,
Windows-,
444. , HTML , . 1.1.
. 1.1. , HTML
, .txt,
.htm (. 1.2). HTML-
. , .
. 1.2.
24
1.
.htm,
, . 1.3. .htm
Internet Explorer.
. 1.3. TXT- HTML-
HTML .
, . ,
, , , .
HTML- (<) (>). , .
, :
<TITLE> </TITLE>
, , < >.
,
. , <BR>, <AREA>, .
, , .
<TITLE> - ,
</TITLE> .
, <P> (, ), , , .
HTML , , :
<title> </title>
, ,
HTML-, ,
- . HTML-
, <PRE>
</PRE> ( <PRE> 2).
. , , .
. ( . ) (, ) - ,
- .
- .
25
HTML- WWW . ( . browse

, , ). -, WWW . .
HTML-, -
HTML. ,
(), .
- ,
, ,
, . -
HTTP (HyperText Transfer Protocol ).
, Microsoft Internet Explorer, Netscape Navigator
Mozill Firefox. , HTML-,
. Netscape Navigator Internet Explorer
.

- , ,
.
m <HTML>. , ,
<HTML>. -,
HTML. HTML- :
<HTML> ... ... </HTML>
, <HTML> </HTML> HTML-

.
m <HEAD>. :
, .
<HEAD> </HEAD>, <BODY> </BODY>.
m <TITLE>. <HEAD> </HEAD> <TITLE> </TITLE>,
.
<HTML>
.
. -
<HEAD>. <HEAD>
<TITLE> , ,
</HEAD> .
26
1.
- <TITLE>
, , , . , <TITLE> </TITLE>,
<HEAD>.
.

HTML-.
, .
m <BODY>. <BODY>
</BODY>. ,
.
<HTML>, <HEAD>
<BODY> , ,
-
.
<BODY> . <BODY>
</BODY> ,
. <BODY>
, .

, .
( ) - , . .
, . , .
,
.
<A> </A>. ,
(HREF NAME) .
, :
<A HREF="http://www._.//_/htm"> </A>
(
, ) , :
<A NAME="#_"> </A>
,
( )
27
. ,
,
FTP (File Transfer Protocol )
. URL (Uniform Resource
Locator ) ,
,
-.
,
. HTML
, .

- ( .htm), Internet Explorer, , , Internet Explorer
4 HTML- (. 1.4).
. 1.4. HTML-
HTML- (. . 1.1).
, 4
(. 1.5).
. 1.5.
28
1.
Internet Explorer,
( . 1.6)
4 (. . 1.4).
. 1.6. Internet Explorer

HTML,
. . ,
< >.
(). .
, , . . HTML- , , (. 1.7). (/).
. 1.7. HTML-
,
, ,
, .
, , . , .
,
. , ,
.
, .
.
,
. ,
-
.
<BODY>
29
-
- ,
.
m , -
. ,
- ,
.
640 .
m - .
m .
m .
m : .
m : ,
. - ,
, .
m .
,
.
,
.
<BODY>
<HEAD> <BODY> ,
, , .
, .
<BODY> , :
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=4 MARGINWIDTH=0 MARGINHEIGHT=4 LINK=#000099
VLINK=#000099 ALINK=#CC0000>
m BACKGROUND , , , .
GIF JPEG. :
<BODY BACKGROUND="(URL)() ">
,
, URL- .
HTML- 4.
m BGCOLOR RGB (Red, Green, Blue
, , ) , , :
<BODY BGCOLOR="#ff0000">
<BODY BGCOLOR="RED">
30
1.
HTML- 2.
m TEXT , . . :
<BODY TEXT="">
HTML- 4.
m LINK ;
-. :
<BODY LINK="">
HTML- 15.
m ALINK ,
( LINK). :
<BODY ALINK="">
HTML- 15.
m VLINK ,
( LINK)
( ALINK). :
<BODY VLINK="">
HTML- 15.
m BGPROPERTIES .
fixed, . :
<BODY BGPROPERTIES="fixed">
m TOPMARGIN . :
<BODY TOPMARGIN=>
m BOTTOMMARGIN . :
<BODY BOTTOMMARGIN=>
m LEFTMARGIN . :
<BODY LEFTMARGIN=>
m RIGHTMARGIN . :
<BODY RIGHTMARGIN=>
HTML- , , 4.
. 1.8 - ( 1.1), , ,
, 0. ,
, .
- ,
( <BR>).
1.1. -,
<HTML><HEAD><TITLE> </TITLE></HEAD>
<BODY BGCOLOR =FFFF05
TOPMARGIN=0
<BODY>
31
BOTTOMMARGIN=0
LEFTMARGIN=0
RIGHTMARGIN=0>
<H2> . . </H2>
<H2> </H2> <BR> ,<BR>
<BR> <BR><BR> , <BR>
,<BR> <BR> .<BR><BR>-
<BR> :<BR> <BR>
...<BR><BR> , , <BR> ... ,
<BR> <BR> ...<BR><BR>, ...,
, <BR> ,<BR> , <BR>
.<BR><BR> <BR> ,<BR>,
,<BR> <BR><BR>, : , <BR>
,<BR> ,<BR>
.<BR><I>1826</I></BODY></HTML>
. 1.8. -,
. 1.9 -, , ,
150 ( 1.2). ,
, ( , , ). ,
.
1.2. -,
<BODY bottomMargin=150 bgColor=#FFD000 leftMargin=150 topMargin=150 rightMargin=150>
<H2>. . </H2>
<H2> </H2> ; ; <BR> ,
,<BR>, , :<BR> <BR>
,<BR> !<BR><BR>, ,
,<BR> ;<BR>, , <BR>
,<BR> -<BR> :<BR><BR>
<BR> , <BR> ,
;<BR> ,<BR> , <BR>
32
1.
.<BR><BR> <BR>.
<BR> <BR> .<BR> :
<BR> ?<BR><BR> ,
<BR> , <BR> <BR> ,
<BR>, ,<BR> , <BR><I>1829</I>
</BODY></HTML>
. 1.9. -

, . HTML- .
-.
-.
, .
, ,
.
34
2.
-
,
. . 2.1
( 2.1).
. 2.1. -
2.1. -
<HTML>
<HEAD>
<TITLE> -</TITLE>
</HEAD>
<BODY>
33 , ,
, , , , ,
, , , .
? , ,
. .
</BODY>
</HTML>
, , <TITLE> </TITLE>, . .
,
, , , .
,
.

.
( ) 1, 2, . .
35
. , .
1. (H, . head ):
<H1> </H1>
:
<Hx> x- </Hx>
x 1 6, .
ALIGN ,
LEFT (), CENTER ( ), RIGHT () JUSTIFY (
).
. 2.2 , ,
( 2.2).
. 2.2. -
2.2. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<H1> 1 - </H1>
<H2> 2 - </H2>
<H3> 3 - </H3>
<H4> 4 - </H4>
<H5> 5 - </H5>
<H6> 6 - </H6>
</BODY>
</HTML>
36
2.
HTML 2.0.
.
<FONT>
.
SIZE . 1 7.

( 3)
.
. 2.1.
2.1.

1
10
12
14
18
24
36
:
<FONT SIZE=+|- n>
:
<BASEFONT SIZE=n>
. 2.3 ( 2.3).
. 2.3. -
37
2.3. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<P>
<FONT SIZE=+1></FONT>
</P>
</BODY>
</HTML>
HTML 3.2, . (. 17).

, COLOR <FONT>:
<FONT COLOR="#xxxxxx">
RGB
. ,
FFFFFF, 000000, 0000FF . .
-, , . 2.4
( 2.4).
. 2.4. -
2.4. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<FONT COLOR="#FF0000">
</FONT>
38
2.
<FONT COLOR="#00FF00">
</FONT>
<FONT COLOR="#0000FF">
</FONT>
</BODY>
</HTML>
<BASEFONT> ( )
, . SIZE , . SIZE 1 7. 3. . 2.5, 2.5.
. 2.5. -, <BASEFONT>
2.5. -, <BASEFONT>
<BODY BGCOLOR=#EEEAAA><BASEFONT size=8> - ,<BR>
<BASEFONT size=6> ,<BR>
<BASEFONT size=5>
</BODY></HTML>
<BASEFONT> HTML 3.2. (. 17),

<FONT>.

HTML- ,
Enter. ,
.
<BR>, <P>.
<P> . ,
.
ALIGN <P>. LEFT,
CENTER, RIGHT, JUSTIFY, ,
39
, . ,
:
<P ALIGN=LEFT>
HTML 2.0, , <P> </P>

, .
<BR> . CLEAR
<BR>,
, , (LEFT), (RIGHT),
(ALL) , (NONE). ,
,
<BR> .
HTML 2.0. CLEAR
,
(. 17).
<DIV> ( . division )
. ,
<P>. </P> , <DIV> , . ALIGN, LEFT, CENTER RIGHT . ALIGN, .
:
<DIV ALIGN=> </DIV>
. 2.6, 2.6.
. 2.6. -, <DIV>
2.6. -, <DIV>
<BODY BGCOLOR=#EEAAAE><DIV ALIGN=CENTER> - - ,
- (,
)</DIV>
40
2.
<DIV> - ,
</DIV>
<DIV ALIGN=RIGHT> - - , , ,
, </DIV>
<DIV> - , , , , ,
()
</DIV>
</BODY></HTML>
HTML 3.2
,
.
, ALIGN
, .
,
,
, . ALIGN=LEFT, ALIGN=RIGHT.
,

<ALIGN=CENTER>
.
<CENTER>. <CENTER>
</CENTER> .
:
<P ALIGN=CENTER>
-, , ,
. 2.7 ( 2.7).
. 2.7. - ,
41
2.7.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<P ALIGN=CENTER> ALIGN ,
<BR>
</P>
<P ALIGN=RIGHT> ,
<BR>
, ,
- .<BR>
ALIGN=LEFT.
<BR>
ALIGN=RIGHT </P>
<P ALIGN=LEFT> ,<BR>
ALIGN=CENTER</P>
</BODY>
</HTML>

<PRE> . </PRE>. :
m ;
m ( 8 );
m , .
, , <Hx> <ADDRESS>,
<PRE> </PRE>.
. 2.8. - ,
42
2.
-, ,
. 2.8 ( 2.8).
2.8.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<PRE>
<PRE> <BR>
. <BR>
</PRE>. <BR>
:

( 8 )
,
</PRE>
</BODY>
</HTML>
HTML 2.0.
, .
, . 2.9, 2.9, <PRE>.
. 2.9. -
2.9. -,
<BODY BGCOLOR=VIOLET>
<PRE> </PRE>
<FONT SIZE=2> 1 1/72 </FONT>
<FONT SIZE=7> 1 0,353 </FONT>
<PRE><FONT SIZE=+,- n> </FONT>
n - ,
43
<PRE> -
</HIML></PRE></BODY></HTML>

. , , ,
.
:
<B> </B>
<I> </I>
<U> </U>
<TT> </TT>
<BIG> </BIG>
<SMALL> </SMALL>
<STRONG> </STRONG>
<STRIKE>
<SUB> </SUB>
<SUP> </SUP>
. 2.10 ( 2.10).
. 2.10. -
<B>, <I>, <TT>, <STRONG> HTML 2.0, <U>, <BIG>,

<SMALL>, <STRIKE>, <SUB>, <SUP> HTML 3.2.
, W3C (World Wide Web Consortium) (. 17).
<VAR> .
:
<VAR> </VAR>
44
2.
2.10. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<B> </B><BR>
<I> </I><BR>
<U> </U><BR>
<TT> </TT><BR>
<BIG> </BIG><BR>
<SMALL> </SMALL><BR>
<STRONG> </STRONG><BR>
<STRIKE> </STRIKE><BR>
<SUB> </SUB><BR>
<SUP> </SUP><BR>
</BODY>
</HTML>
. 2.11, 2.11.
. 2.11. -, <VAR>
2.11. -, <VAR>
<BODY BGCOLOR=#EC1DFC><FONT SIZE=6> - <VAR>
</VAR></FONT></BODY></HTML>
<VAR> HTML 2.0. .

<SPAN> , <DIV> . <SPAN>
, . . 2.12, 2.12.
HTML 4.0. (. 17),
.
45
2.12. -, <SPAN>
<BODY BGCOLOR=#EAAAAc>
-<SPAN><I>
. </SPAN></I>
- <SPAN><I> ,
()
</SPAN></I>
<SPAN><I> : ( );
(, , ); (
).</SPAN></I></BODY></HTML>
. 2.12. -, <SPAN>
<S> . , <S> </S>,

. . .
. 2.13, 2.13.
. 2.13. -, <S>
2.13. -, <S>
<BODY BGCOLOR=#CCCCFF> <S> -- ,
, -
.
</S></BODY></HTML>
46
2.
<S> HTML 4.0. W3C

(. 17).

<NOBR> ( . no break ) , . ,
,
. ,
<NOBR> <BR>.
<NOBR> </NOBR>,
, ;
. . 2.14 ( 2.14).
. 2.14. -
2.14. -,

<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<NOBR> ,
- </NOBR>
</BODY>
</HTML>
,
<WBR>, .
<WBR> <NOBR>.
<WBR>
. . 2.15,
2.15.
47
2.15. -, <WBR> <NOBR>

<BODY BGCOLOR=#EB1DDA><FONT size=5><NOBR> - <WBR>
<WBR> <WBR> <WBR>
<WBR> <WBR></NOBR> </FONT></BODY></HTML>
. 2.15. -, <WBR> <NOBR>

<BLOCKQUOTE>
.
.
. <BLOCKQUOTE>
CITE="URI", URI . URI (Uniform
Resource Identifier) ,
URL.
, <BLOCKQUOTE>,
8 . . 2.16 ( 2.16).
. 2.16. -
48
2.
2.16. -,
<HTML><HEAD>
<TITLE> </TITLE></HEAD>
<BODY>
<BLOCKQUOTE>
BLOCKQUOTE . <BR>
. <BR>
.<BR>
.<BR>
<BLOCKQUOTE>, , 8
<BLOCKQUOTE>
</BODY>
</HTML>
HTML 2.0. <Q>.

<Q> . CITE="URI",
URI . <Q>
<BLOCKQUOTE>.
, . .
<Q> . 2.17 ( 2.17).
. 2.17. -
2.17. -, <Q>
<HTML><HEAD><TITLE></TITLE></HEAD>
<BODY BGCOLOR=BBAAFF>
<Q>"" - , </Q></BODY></HTML>
, HTML , , . :
<! >
49
.
HTML 2.0.
, <ABBR> <ACRONYM>, ,
( ), . <ABBR>
<ACRONYM> , .
<ABBR> , TITLE. HTML
4.0, .
<ACRONYM> . 2.18 ( 2.18).
. 2.18. -,
2.18. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<! , , >
<ACRONYM TITLE="- "> </ACRONYM>
<ACRONYM TITLE="- ">
</ACRONYM>
</BODY>
</HTML>
, (=) .
<ACRONYM> HTML 4.0.
50
2.
<CITE>, . <DFN>.
. 2.19 ( 2.19).
. 2.19. -
2.19. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<CITE> , 13"</CITE> -
<BR>
- <BR>
<DFN> PR - </DFN> PR .<BR>
, PR
<BR>
. 20$ .<BR>
<BR>
- .
</BODY>
</HTML>
<CITE> HTML 2.0.

, .

<EM> ( )
. :
<EM> </EM>
. 2.20, 2.20.
51
2.20. -
<BODY BGCOLOR=00FFFC> -<EM> (
, ,
,
),
</EM> , ,
/, , -,
, -.
</BODY></HTML>
. 2.20. -, <EM>
<EM> HTML 2.0, .

, ,
<CODE>, <KBD> <SAMP>. .
<CODE> . ,
<TT> (. ). :
<CODE> </CODE>
. 2.21, 2.21.
2.21. -, <CODE>
<BODY BGCOLOR=#00FFEC> - <CODE> -
.</CODE>
, , , ,
, .
</BODY></HTML>
52
2.
. 2.21. -, <CODE>
<CODE> HTML 2.0;

.
<KBD> . :
<KBD> </KBD>
. 2.22, 2.22.
. 2.22. -, <KBD>
2.22. -, <KBD>
<BODY BGCOLOR=#EC1DFC> - <KBD> , ,
, .</KBD>
, .
</BODY></HTML>
<KBD> HTML 2.0.

.
<SAMP> . :
53
<SAMP> </SAMP>
. 2.23, 2.23.
2.23. -, <SAMP>
<BODY BGCOLOR=#EC1DDA><FONT size=5>
<SAMP>, ,
.</SAMP></FONT></BODY></HTML>
. 2.23. -, <SAMP>
<SAMP> HTML 2.0. .

<INS> , . , . , :
<INS CITE="www.uprint.spb.ru/listing.htm" DATETIME="2004-08-15"> (
) </INS>
DATETIME.
. 2.24, 2.24.
2.24. -, <INS>
<BODY BGCOLOR=CAAAAA><INS CITE=" 2.21.htm" DATETIME="2004-8-15">
</INS></BODY></HTML>
HTML 4.0.
.
.
54
2.
. 2.24. -, <INS>

, , <LISTING>, ,
, , . .
, <LISTING> </LISTING>,
. 2.25, 2.25.
. 2.25. -, <LISTING>
2.25. -, <LISTING>
<BODY BGCOLOR=BBCCFF>
- ,
, ,
.
<LISTING> :
,
,
,
.
</LISTING></BODY></HTML>
55

, . <Hx> . <FONT>, <P>, <PRE>, <B>,
<I>, <TT>, <STRONG>, <U>, <BIG>, <SMALL>, <STRIKE>, <SUB>, <SUP>, <BLOCKQUOTE>,
<DFN>, <CITE>, <EM>, <CODE>, <KBD>, <VAR>, <SAMP>, <WBR>, <BASEFONT>, <DIV>,
<SPAN>, <INS>, <Q>, <LISTING>, <S> ,
, . <BR>
<NOBR>. <ABBR> <ACRONYM>
.
WWW
HTML-.
-. , , ,
.
- ,
. , , , . ,
-, , , ,
.
.
57
-
- <IMG>.
. <IMG>
( . image ) HTML 2.0. SRC, ALT, LONGDESC, HEIGHT, WIDTH, USEMAP, ISMAP, ALIGN, BORDER, HSPACE, VSPACE.
:
<IMG SRC="URL" ALT="" HEIGHT="" WIDTH=""
ALIGN=top|middle|bottom|left|right ISMAP>.
m SRC. SRC ( . source ) , . URL , , .

, GIF JPG.
,
HTML-, , :
<IMG SRC=file1.gif>
,
HTML-, ,
, :
<IMG SRC=picture/file1.gif>.
,
HTML-,
, :
<IMG SRC="http://www.uprint.ru/picture/file1.gif">.
m ALT. ALT , , ( ,
).
, .
,
, , . ALT , , , Lunix.
m LONGDESC. LONGDESC
.
m HEIGTH. HEIGTH . , . ,
. .
, .
m WIDTH. WIDTH
.
58
3.
m ALIGN. ALIGN
. :
q top ;
q middle ;
q bottom ;
q left , ;
q right , .
, , .
m BORDER. BORDER .
m VSPACE. VSPACE , .
m HSPACE. HSPACE ,
.

. ( ) .
GIF JPEG.
, , BMP
PCX. ,
PNG .
GIF
GIF (Graphic Interchange Format ) .
Compuserve Unisys. GIF 256-
( ), (LZW). .
GIF . . GIF89a ,
. .
59
GIF .gif. GIF- , . , ,

, . GIF-
.
JPEG
JPEG (Joint Photographic Expert Group )
24 , 16,7 .
JPEG . - . JPEG
, GIF.
88 ,
. JPEG ,
, ,
. , 100 .
HTML-
. RGB.
JPEG .jpg.
JPEG .
, . , .
PNG
PNG (Portable
Network Graphics ). .
RGB-
.
. .
BMP
IBM- , , BMP (Bit Map ).
, . BMP
( ). ,
.
60
3.
Windows. 256, .
.
. BMP-
Microsoft Windows,
.
PCX
PCX .
Z-soft PaintBrush,
. , BMP.
.

.
, -, ,
(), -, .
.
.
:
m dpi (dots per inch) ;
m ppi (points/pixels per inch) ;
m spi (samples per inch) , , ,
.
Dpi , , . , .
dpi. ,
,
, .
, .
, , ,
: 640470, 700600, 1024768, 12701024, 16001270, 19201600 .
0,20,25 .
, -
61
. . .

. ( . pixel picture
element, ). ; .

-
-, .
11 13 .
? ,
300 dpi, - 300 dpi,
72 dpi,
13041479 , 313355 .
. 3.1. -
62
3.

(, ,
7681024 ), - .
.
, , ,
72 dpi, 300 dpi
.
. 3.1 - ( ), 3.1.
3.1. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<IMG SRC=".jpg">
</BODY>
</HTML>
. .

Adobe Photoshop.
. 3.2. -
63
. 3.2 198
155 ( 3.2). 3.1 3.2 , .
3.2. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY TOPMARGIN=100 LEFTMARGIN=100>
<IMG SRC=".jpg">
</BODY>
</HTML>
.
. 3.3 - ,
( 281,
300 ), ( 3.3).
. 3.3. -
64
3.
3.3. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<CENTER>
<IMG WIDTH ="300" HEIGTH="281"
SRC=" .jpg">
<BR>
* -* <BR>

</CENTER>
</BODY></HTML>
. 3.4 92 114 ( 3.4).

.
. 3.4.
65
3.4.
<BODY bgColor=#A1633D>
<TABLE BORDER=0 CELLpADDING=1 CELLSPACING=0>
<TR>
<TD>
<IMG SRC=".jpg" WIDTH="92" HEIGTH="114"> </TD>
<TD>
<IMG SRC=".jpg" WIDTH="92" HEIGTH="114"> </TD></TR>
<TR>
<TD><IMG SRC=".jpg" WIDTH="92" HEIGTH="114">
</TD>
<TD> <IMG SRC=".jpg" WIDTH="92" HEIGTH="114">
</TD>
</TR>
</BODY></HTML>

ALIGN
-. . 3.5 ,
( 3.5).
. 3.5. -
66
3.
3.5. -
<HTML><HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<H1> </H1>
<IMG SRC=".jpg" ALIGN=RIGHT>
<FONT size=4>ActiveMovie Stream - Internet
Explorer.<BR>C ASF
, .<BR>
Active Movie Stream <BR>
,<BR>
MPEG, AVI, WAV Apple Quick Time<BR>
- , . OLE -
<IMG SRC=".jpg" ALIGN=LEFT><BR>
<TABLE BORDER=2 ALIGN=RIGHT>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
<TR>
<TD> </TD>
</TR>
- , . OLE - </FONT>
</BODY></HTML>

(image maps)
. , (hot spots),
, . .
, ISMAP <IMG> , , -.
, . , URL- , .
, , . URL-
, .
,
(), . -
67
.
, ,
, .
<MAP>
<MAP>
.
,
. HTML 3.2.
, <MAP> </MAP>, .
<MAP> <IMG> <INPUT> USEMAP.
,
USEMAP <IMG>:
<IMG SRC="URL" USEMAP="URL#map_name">
USEMAP , .
, URL- . , , . ,
,
, , URL- .
map_name ,
URL- . URL ,
.
:
<MAP NAME="map_name"> <AREA [SHAPE=" shape ] COORDS=x,y,..." [HREF=" reference ]
[NOHREF]></MAP>.
NAME , : NAME="" .
<AREA>
<AREA> ( ). <AREA> . :
<MAP name=""><AREA ></MAP>
<AREA>.
m SHAPE. SHAPE
, :
q rect ;
68
3.
q circle ;
q poly ;
q default .
, , .
m COORDS. COORDS .
:
COORDS=""
. :
q ( );
q ;
q , .
m HREF. HREF URL- . :
<AREA HREF="URL">
m ALT. ALT , <AREA>. :

<AREA ALT = >
m TITLE. TITLE , . :
<AREA TITLE = >
m TARGET. TARGET , . :
TARGET="|_blank|_self|_parent|_top"
:
q , NAME <FRAME> ( );
q _blank ;
q _self , ;
q _parent ,
, (
, );
q _top .
m NOHREF. NOHREF , .
m TABINDEX. TABINDEX , Tab. :
TABINDEX=""
69
m ACCESSKEY. ACCESSKEY ,
( URL). :
ACCESSKEY=""
m ONFOCUS. ONFOCUS , (
,
Tab). :
ONFOCUS=""
m ONBLUR. ONBLUR , (
,
Tab). :
ONBLUR=""
m USEMAP. USEMAP . :
USEMAP="URL"
, <MAP>.
:
<IMG SRC = URL USEMAP = URL (# ) >
m ISMAP. ISMAP . :
ISMAP=""
<IMG> <A>. ISMAP ,

, .
,
.
<A>. :
<A HREF = URL > <IMG SRC = URL ISMAP>

.
- .
3.6, . 3.6
, . ,
. ,
, 400300 .
70
3.
. 3.6.
3.6. ,
,
<HTML><HEAD><TITLE>-</TITLE></HEAD>
<BODY BGCOLOR=#FFFFFF>
<IMG HEIGHT=300 SRC=" 3.6.files/.gif" width=400 USEMAP=#Map BORDER=0>
<MAP NAME=Map>
<AREA onmouseover="document.where.who.value="
SHAPE=CIRCLE COORDS=70,70,70 HREF="Father.htm">
SHAPE=POLY COORDs=130,50,250,50,270,156,260,196,220,290,140,141
HREF="Son.htm">
SHAPE=RECT COORDS=59,125,170,220 HREF="Daughter.htm">
71
SHAPE=CIRCLE COORDS=310,80,70 HREF="Mather.htm">

</MAP>
<FORM NAME=where><INPUT size=30 NAME=who> </FORM>
</MAP>
</BODY></HTML>
,
<IMG>, USEMAP.
3.7 , -,
.
(. 3.7).
. 3.7.
3.7.
<HTML><HEAD><TITLE>-</TITLE></HEAD>
<BODY BGCOLOR = #FFBCBC>
<CENTER>
<H1> -</H1>
<HR>
<TABLE BORDER=2>
72
3.
<TR><TD><A HREF = graph1.htm> </A>

<TD><A HREF = #img></A>
<TD><A HREF = move.htm> </A>
<TD><A HREF = #map></A>
</TABLE><HR></CENTER>
<A NAME = MAP>
<H2> </H2>
<MAP NAME = mymap>
<AREA SHAPE = RECT COORDS = 0,0,270,190" HREF = .htm>
</MAP>
<IMG SRC = .jpg USEMAP = #mymap>
<HR>
<A NAME = IMG>
</BODY>
</HTML>
, , . 3.8
.
. 3.8.
, -,
380540 .

. 3.9 - ( 3.8),
, .
154 248 .
73
, , .
. 3.9.
3.8.
<BODY>
<IMG Width=308 Height= 496 src="girl.gif">
</BODY></HTML>

( &nbsp).
, .
. 3.10 ( 3.9).
3.9.

<BODY><IMG height=424 width=376 src="girlie.gif">
<IMG height=400 width=154 src="girlie.gif">
<IMG height=124 width=376 src="girlie.gif"> </BODY></HTML>
74
3.
. 3.10. ,
1024
768 . ,
. . 3.11
( 3.10). 90 980 ,
80 780 , 75
600 , 70 500 , 65
400 , 60 200 , 50 100 .
3.10.
<HTML><HEAD><TITLE> </TITLE>
</HEAD>
<BODY>
<IMG height=90 width=980 src="poly1.gif" > <BR>
<IMG height=80 width=780 src="poly2.gif"> <BR>
<IMG height=50 width=100 src="poly7.gif">
</BODY></HTML>
980 ,
, . 570 ,
, . ,
75
1024768, , .
. 3.11.

, -. <IMG> SRC, ALT, LONGDESC,
HEIGTH, WIDTH, ALIGN, BORDER, VSPACE, HSPACE.
ALIGN,
top, middle, bottom, left right (, , , , ).
<MAP>, . .
JPEG GIF, . BMP, PCX PNG.
,
.
4
-
- ,
. -. ,
.
77

, . - , . ()
.
<BODY>
:
<BODY BACKGROUND = picture.gif>
. 4.1 , 4.1.
. 4.1. -
. 4.2. , ,
4,974,52 . , ,
. . 4.2 , , Adobe Photoshop.
78
4. -
4.1. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BACKGROUND = .jpg>
</BODY>
</HTML>

- , . ,
<BODY> :
<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">
:
m BGCOLOR ;
m TEXT ;
m LINK .

RGB. #000000 , #FFFFFF
. :
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#9690CC">
, .
. 4.3. -,
. 4.3 -,
( 4.2).
79
4.2. -,

<BODY BGCOLOR=123456 TEXT=FFFFFF>
<BIG> </BIG>
</BODY></HTML>
. 4.4 -, . 4.3, , , , ,
( 4.3). , .
. 4.4. -,
. 4.5. -,
80
4. -
4.3. -,
<BODY BGCOLOR=123456 TEXT=FFFFFF TOPMARGIN=100 BOTTOMMARGIN=100 LEFTMARGIN=100
RIGHTMARGIN=100> <BIG> </BIG></BODY></HTML>
. 4.5 - , - ( 4.4).
- ,
.
4.4.
<BODY ALINK=#000000 BGCOLOR=#FFFFFF BGPROPERTIES=FIXED LINK=#000000 TOPMARGIN=10
VLINK=#808080><FONT FACE=VERDANA,ARIAL,HELVETICA SIZE=2>
<H1 ALIGN=CENTER> </H1> <P align=left>
<TABLE BGCOLOR=GRAY BORDER=2 CELLPADDING=0 CELLSPACING=5> <TBODY><TR><TD ALIGN=MIDDLE
BGCOLOR=ALICEBLUE></FONT><FONT FACE=VERDANA,ARIAL,HELVETICA SIZE=2><FONT COLOR=BLACK
SIZE=2>ALICEBLUE- <BR>(#F0F8FF)</FONT> </FONT></TD>
<TD ALIGN=MIDDLE BGCOLOR=ANTIQUEWHITE><FONT COLOR=BLACK SIZE=2>ANTIQUEWHITE-
<BR>(#FAEBD7)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=AQUA><FONT COLOR=BLACK SIZE=2>AQUA-<BR>(#00FFFF)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=AQUAMARINE><FONT COLOR=BLACK
SIZE=2>AQUAMARINE---<BR>(#7FFFD4)</FONT> </TD></TR>
<TR><TD ALIGN=MIDDLE BGCOLOR=AZURE><FONT COLOR=BLACK
SIZE=2>AZURE-<BR>(#F0FFFF)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=BEIGE><FONT COLOR=BLACK
SIZE=2>BEIGE-<BR>(#F5F5DC)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=BISQUE><FONT COLOR=BLACK
SIZE=2>BISQUE-<BR>(#FFE4C4)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=BLACK><FONT COLOR=WHITE SIZE=2>BLACK-<BR>(#000000)</FONT>
</TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=BLANCHEDALMOND><FONT COLOR=BLACK
SIZE=2>BLANCHEDALMOND- <BR>(#FFEBCD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=BLUE><FONT COLOR=WHITE SIZE=2>BLUE-<BR>(#0000FF)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=BLUEVIOLET><FONT COLOR=BLACK
SIZE=2>BLUEVIOLET-<BR>(#8A2BE2)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=BROWN><FONT COLOR=WHITE
SIZE=2>BROWN-<BR>(#A52A2A)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=BURLYWOOD><FONT COLOR=BLACK
SIZE=2>BURLYWOOD-<BR>(#DEB887)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=CADETBLUE><FONT COLOR=BLACK
size=2>CADETBLUE-<BR>(#5F9EA0)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=CHARTREUSE><FONT COLOR=BLACK SIZE=2>CHARTREUSE-
<BR>(#7FFF00)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=CHOCOLATE><FONT COLOR=BLACK
SIZE=2>CHOCOLATE-<BR>(#D2691E)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=CORAL><FONT COLOR=BLACK
SIZE=2>CORAL-<BR>(#FF7F50)</FONT> </TD>
81
<TD ALIGN=MIDDLE BGCOLOR=#C0F0E0><FONT COLOR=BLACK SIZE=2>CORNFLOWER-

<BR>(#6495ED)</FONT> </TD><TD align=middle BGCOLOR=CORNSILK><FONT color=black
size=2>CORNSILK- <BR>(#FFF8DC)</FONT> </TD>
<TD align=middle BGCOLOR=CRIMSON><FONT color=black
size=2>CRIMSON-<BR>(#DC143C)</FONT> </TD></TR>
<TR> <TD align=middle BGCOLOR=CYAN><FONT color=black
size=2>CYAN-<BR>(#00FFFF)</FONT> </TD>
<TD align=middle BGCOLOR=DARKBLUE><FONT color=white size=2>DARKBLUE-<BR>(#00008B)</FONT> </TD>
<TD align=middle BGCOLOR=DARKCYAN><FONT color=black size=2>DARKCYAN-<BR>(#008B8B)</FONT> </TD>
<TD align=middle BGCOLOR=DARKGOLDENROD><FONT color=black size=2>DARKGOLDENROD-<BR>(#B8860B)</FONT> </TD></TR>
<TR> <TD align=middle BGCOLOR=DARKGRAY><FONT color=black size=2>DARKGRAY-<BR>(#A9A9A9)</FONT> </TD>
<TD align=middle BGCOLOR=DARKGREEN><FONT color=white size=2>DARKGREEN-<BR>(#006400)</FONT> </TD>
<TD align=middle BGCOLOR=DARKKHAKI><FONT color=black size=2>DARKKHAKI-
<BR>(#BDB76B)</FONT> </TD>
<TD align=middle BGCOLOR=DARKMAGENTA><FONT color=white size=2>DARKMAGENTA-<BR>(#8B008B)</FONT> </TD></TR>
<TR> <TD align=middle BGCOLOR=DARKOLIVEGREEN><FONT color=white size=2>DARKOLIVEGREEN-<BR>(#556B2F)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKORANGE><FONT color=black size=2>DARKORANGE-<BR>(#FF8C00)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKORCHID><FONT color=black size=2>DARKORCHID-
<BR>(#9932CC)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKRED><FONT color=white size=2>DARKRED-<BR>(#8B0000)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=DARKSALMON><FONT color=black size=2>DARKSALMON- <BR>(#E9967A)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKSEAGREEN><FONT color=black size=2>DARKSEAGREEN- <BR>(#8FBC8B)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKSLATEBLUE><FONT color=white size=2>DARKSLATEBLUE-<BR>(#483D8B)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKSLATEGRAY><FONT color=white size=2>DARKSLATEGRAY-<BR>(#2F4F4F)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=DARKTURQUOISE><FONT color=black size=2>DARKTURQUOISE-<BR>(#00CED1)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DARKVIOLET><FONT color=black size=2>DARKVIOLET-<BR>(#9400D3)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DEEPPINK><FONT color=black size=2>DEEPPINK-
<BR>(#FF1493)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DEEPSKYBLUE><FONT color=black size=2>DEEPSKYBLUE-
<BR>(#00BFFF)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=DIMGRAY><FONT color=black
size=2>DIMGRAY--<BR>(#696969)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=DODGERBLUE><FONT color=black size=2>DODGERBLUE-
<BR>(#1E90FF)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=FIREBRICK><FONT color=white size=2>FIREBRICK- <BR>(#B22222)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=FLORALWHITE><FONT color=black size=2>FLORALWHITE<BR>(#FFFAF0)</FONT> </TD></TR>
82
4. -
4.4 ()
<TR> <TD ALIGN=MIDDLE BGCOLOR=FORESTGREEN><FONT color=black size=2>FORESTGREEN-
<BR>(#228B22)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=#F0C00A><FONT COLOR=BLACK
SIZE=2>FUCHIA-<BR>(#FF00FF)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=GAINSBORO><FONT COLOR=BLACK
SIZE=2>GAINSBORO-<BR>(#DCDCDC)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=GHOSTWHITE><FONT COLOR=BLACK SIZE=2>GHOSTWHITE-
<BR>(#F8F8FF)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=GOLD><FONT COLOR=BLACK
SIZE=2>GOLD-<BR>(#FFD700)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=GOLDENROD><FONT COLOR=BLACK SIZE=2>GOLDENROD-<BR>(#DAA520)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=GRAY><FONT COLOR=BLACK SIZE=2>GRAY-<BR>(#808080)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=GREEN><FONT COLOR=BLACK
SIZE=2>GREEN-<BR>(#008000)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=GREENYELLOW><FONT COLOR=BLACK SIZE=2>GREENYELLOW-<BR>(#ADFF2F)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=HONEYDEW><FONT COLOR=BLACK SIZE=2>HONEYDEW-
<BR>(#F0FFF0)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=HOTPINK><FONT COLOR=BLACK SIZE=2>HOTPINK-<BR>(#FF69B4)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=INDIANRED><FONT COLOR=BLACK SIZE=2>INDIANRED-
<BR>(#CD5C5C)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=INDIGO><FONT COLOR=WHITE
SIZE=2>INDIGO-<BR>(#4B0082)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=IVORY><FONT COLOR=BLACK SIZE=2>IVORY-
<BR>(#FFFFF0)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=KHAKI><FONT COLOR=BLACK SIZE=2>KHAKI-<BR>(#F0E68C)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=LAVENDER><FONT COLOR=BLACK SIZE=2>LAVENDER<BR>(#E6E6FA)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=LAVENDERBLUSH><FONT COLOR=BLACK SIZE=2>LAVENDERBLUSH <BR>(#FFF0F5)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LAWNGREEN><FONT COLOR=BLACK SIZE=2>LAWNGREEN-
<BR>(#7CFC00)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LEMONCHIFFON><FONT COLOR=BLACK SIZE=2>LEMONCHIFFON-<BR>(#FFFACD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTBLUE><FONT COLOR=BLACK SIZE=2>LIGHTBLUE-<BR>(#ADD8E6)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=LIGHTCORAL><FONT COLOR=BLACK SIZE=2>LIGHTCORAL-<BR>(#F08080)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTCYAN><FONT COLOR=BLACK SIZE=2>LIGHTCYAN-<BR>(#E0FFFF)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTGOLDENRODYELLOW><FONT COLOR=BLACK
SIZE=2>LIGHTGOLDENRODYELLOW- <BR>(#FAFAD2)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTGREEN><FONT COLOR=BLACK SIZE=2>LIGHTGREEN-<BR>(#90EE90)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=LIGHTGREY><FONT COLOR=BLACK SIZE=2>LIGHTGREY-<BR>(#D3D3D3)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTPINK><FONT COLOR=BLACK SIZE=2>LIGHTPINK-<BR>(#FFB6C1)</FONT> </TD>
83
<TD ALIGN=MIDDLE BGCOLOR=LIGHTSALMON><FONT COLOR=BLACK SIZE=2>LIGHTSALMON--<BR>(#FFA07A)</FONT> </TD>

<TD ALIGN=MIDDLE BGCOLOR=LIGHTSEAGREEN><FONT COLOR=BLACK SIZE=2>LIGHTSEAGREEN-
<BR>(#20B2AA)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=LIGHTSKYBLUE><FONT COLOR=BLACK SIZE=2>LIGHTSKYBLUE--<BR>(#87CEFA)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTSLATEGRAY><FONT COLOR=BLACK SIZE=2>LIGHTSLATEGRAY-<BR>(#778899)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTSTEELBLUE><FONT COLOR=BLACK SIZE=2>LIGHTSTEELBLUE-
-<BR>(#B0C4DE)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIGHTYELLOW><FONT COLOR=BLACK SIZE=2>LIGHTYELLOW-<BR>(#FFFFE0)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=LIME><FONT COLOR=BLACK SIZE=2>LIME-
<BR>(#00FF00)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LIMEGREEN><FONT COLOR=BLACK SIZE=2>LIMEGREEN-<BR>(#32CD32)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=LINEN><FONT COLOR=BLACK
SIZE=2>LINEN-<BR>(#FAF0E6)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MAGENTA><FONT COLOR=BLACK SIZE=2>MAGENTA<BR>(#FF00FF)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=MAROON><FONT COLOR=WHITE SIZE=2>MAROON<BR>(#800000)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMAQUAMARINE><FONT COLOR=BLACK SIZE=2>MEDIUMAQUAMARINE <BR>(#66CDAA)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMBLUE><FONT COLOR=WHITE SIZE=2>MEDIUMBLUE-
<BR>(#0000CD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMORCHID><FONT COLOR=BLACK SIZE=2>MEDIUMORCHID-
<BR>(#BA55D3)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=MEDIUMPURPLE><FONT COLOR=BLACK SIZE=2>MEDIUMPURPLE-<BR>(#9370DB)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMSEAGREEN><FONT COLOR=BLACK SIZE=2>MEDIUMSEAGREEN-<BR>(#3CB371)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMSLATEBLUE><FONT COLOR=BLACK
SIZE=2>MEDIUMSLATEBLUE<BR>(#7B68EE)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMSPRINGGREEN><FONT COLOR=BLACK SIZE=2>MEDIUMSPRINGGREEN-<BR>(#00FA9A)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=MEDIUMTURQUOISE><FONT COLOR=BLACK SIZE=2>MEDIUMTURQUOISE-<BR>(#48D1CC)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MEDIUMVIOLETRED><FONT COLOR=BLACK SIZE=2>MEDIUMVIOLETRED--<BR>(#C71585)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MIDNIGHTBLUE><FONT COLOR=WHITE SIZE=2>MIDNIGHTBLUE-
-<BR>(#191970)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MINTCREAM><FONT COLOR=BLACK SIZE=2>MINTCREAM<BR>(#F5FFFA)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=MISTYROSE><FONT COLOR=BLACK SIZE=2>MISTYROSE-
<BR>(#FFE4E1)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=MOCCASIN><FONT COLOR=BLACK SIZE=2>MOCCASIN-
<BR>(#FFE4B5)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=NAVAJOWHITE><FONT COLOR=BLACK SIZE=2>NAVAJOWHITE-<BR>(#FFDEAD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=NAVY><FONT COLOR=WHITE SIZE=2>NAVY-<BR>(#000080)</FONT>
</TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=OLDLACE><FONT COLOR=BLACK SIZE=2>OLDLACE-
<BR>(#FDF5E6)</FONT> </TD>
84
4. -
4.4 ()
<TD ALIGN=MIDDLE BGCOLOR=OLIVE><FONT COLOR=BLACK SIZE=2>OLIVE<BR>(#808000)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=OLIVEDRAB><FONT COLOR=BLACK SIZE=2>OLIVEDRAB-
<BR>(#6B8E23)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=ORANGE><FONT COLOR=BLACK SIZE=2>ORANGE<BR>(#FFA500)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=ORANGERED><FONT COLOR=BLACK SIZE=2>ORANGERED-<BR>(#FF4500)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=ORCHID><FONT COLOR=BLACK SIZE=2>ORCHID<BR>(#DA70D6)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PALEGOLDENROD><FONT COLOR=BLACK SIZE=2>PALEGOLDENROD-<BR>(#EEE8AA)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PALEGREEN><FONT COLOR=BLACK SIZE=2>PALEGREEN-<BR>(#98FB98)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=PALETURQUOISE><FONT COLOR=BLACK SIZE=2>PALETURQUOISE-<BR>(#AFEEEE)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PALEVIOLETRED><FONT COLOR=BLACK SIZE=2>PALEVIOLETRED- -<BR>(#DB7093)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PAPAYAWHIP><FONT COLOR=BLACK SIZE=2>PAPAYAWHIP-
<BR>(#FFEFD5)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PEACHPUFF><FONT COLOR=BLACK SIZE=2>PEACHPUFF-
<BR>(#FFDAB9)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=PERU><FONT COLOR=BLACK SIZE=2>PERU-
<BR>(#CD853F)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=PINK><FONT COLOR=BLACK SIZE=2>PINK- <BR>(#FFC0CB)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=PLUM><FONT COLOR=BLACK SIZE=2>PLUM<BR>(#DDA0DD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=POWDERBLUE><FONT COLOR=BLACK SIZE=2>POWDERBLUE- <BR>(#B0E0E6)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=PURPLE><FONT COLOR=WHITE SIZE=2>PURPLE<BR>(#800080)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=RED><FONT COLOR=BLACK SIZE=2>RED- <BR>(#FF0000)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=ROSYBROWN><FONT COLOR=BLACK SIZE=2>ROSYBROWN- <BR>(#BC8F8F)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=ROYALBLUE><FONT COLOR=BLACK SIZE=2>ROYALBLUE- <BR>(#4169E1)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=SADDLEBROWN><FONT COLOR=WHITE SIZE=2>SADDLEBROWN <BR>(#8B4513)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SALMON><FONT COLOR=BLACK SIZE=2>SALMON-
<BR>(#FA8072)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SANDYBROWN><FONT COLOR=BLACK SIZE=2>SANDYBROWN- <BR>(#F4A460)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SEAGREEN><FONT COLOR=BLACK SIZE=2>SEAGREEN-
<BR>(#2E8B57)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=SEASHELL><FONT COLOR=BLACK SIZE=2>SEASHELL-
<BR>(#FFF5EE)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SIENNA><FONT COLOR=BLACK SIZE=2>SIENNA<BR>(#A0522D)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SILVER><FONT COLOR=BLACK SIZE=2>SILVER<BR>(#C0C0C0)</FONT> </TD>
85
<TD ALIGN=MIDDLE BGCOLOR=SKYBLUE><FONT COLOR=BLACK SIZE=2>SKYBLUE-

<BR>(#87CEEB)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=SLATEBLUE><FONT COLOR=BLACK SIZE=2>SLATEBLUE-<BR>(#6A5ACD)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SLATEGRAY><FONT COLOR=BLACK SIZE=2>SLATEGRAY-<BR>(#708090)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=SNOW><FONT COLOR=BLACK SIZE=2>SNOW- <BR>(#FFFAFA)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=SPRINGGREEN><FONT COLOR=BLACK SIZE=2>SPRINGGREEN-
<BR>(#00FF7F)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=STEELBLUE><FONT COLOR=BLACK SIZE=2>STEELBLUE-<BR>(#4682B4)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=TAN><FONT COLOR=BLACK SIZE=2>TAN- <BR>(#D2B48C)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=TEAL><FONT COLOR=BLACK SIZE=2>TEAL-<BR>(#008080)</FONT>
</TD>
<TD ALIGN=MIDDLE BGCOLOR=THISTLE><FONT COLOR=BLACK
SIZE=2>THISTLE-<BR>(#D8BFD8)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=TOMATO><FONT COLOR=BLACK
SIZE=2>TOMATO-<BR>(#FF6347)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=TURQUOISE><FONT COLOR=BLACK
SIZE=2>TURQUOISE-<BR>(#40E0D0)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=VIOLET><FONT COLOR=BLACK
SIZE=2>VIOLET-<BR>(#EE82EE)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=WHEAT><FONT COLOR=BLACK
SIZE=2>WHEAT-<BR>(#F5DEB3)</FONT> </TD></TR>
<TR> <TD ALIGN=MIDDLE BGCOLOR=WHITE><FONT COLOR=BLACK
SIZE=2>WHITE-<BR>(#FFFFFF)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=WHITESMOKE><FONT COLOR=BLACK
SIZE=2>WHITESMOKE-<BR>(#F5F5F5)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=YELLOW><FONT COLOR=BLACK
SIZE=2>YELLOW-<BR>(#FFFF00)</FONT> </TD>
<TD ALIGN=MIDDLE BGCOLOR=YELLOWGREEN><FONT COLOR=BLACK SIZE=2>YELLOWGREEN-<BR>(#9ACD32)</FONT>
</TD></TR></TBODY></TABLE></FONT></P><P>&NBSP;</P></FONT></BODY></HTML>

, -.
.
- , 140 RGB.
5
,
, ,
- , ,
. , - , Java-, .
87

<HR>. ,
.
.
. - , .
:
<HR SIZE=number WIDTH=number|percent ALIGN=left|right|center NOSHADE>
:
m SIZE ;
m WIDTH ;
m ALIGN (, , );
m NOSHADE .
. 5.1 ( 5.1).
. 5.1.
88
5. ,
5.1.
<BODY BGCOLOR="#FF8C00" LEFTMARGIN=60><CENTER><H2> </H2>
<HR>
HORIZONTAL RULE - - .
<H3> SIZE = WIDTH = </H3>SIZE = 40 WIDTH = &QUOT; 20 % &QUOT;
<HR ALIGN=CENTER WIDTH="20%" NOSHADE SIZE=40>
SIZE = 30 WIDTH = &QUOT; 30 % &QUOT;
</CENTER></BODY></HTML>
. 5.2 ( 5.2).
. 5.2.
5.2.
<BODY BGCOLOR=#00FFFF LEFTMARGIN=60>
<CENTER>
<H2> </H2>
_______________________________________________________
<BR>
<HR WIDTH="4%" NOSHADE SIZE=40>
<HR WIDTH="0,5%" NOSHADE SIZE=5>
<HR WIDTH="0,3%" NOSHADE SIZE=3>
</CENTER></BODY></HTML>
89
, ,
. 5.3 ( 5.3).
. 5.3. ,
5.3. ,
<HTML><HEAD><TITLE>, </TITLE></HEAD>
<BODY BGCOLOR=#00FFFF LEFTMARGIN=60>
<H2>, </H2>
<HR WIDTH="4%" SIZE=40 ALIGN=RIGHT>
</BODY></HTML>

. 5.3, ( _), (\)
(/) , (|).
.
. 5.4 , ( 5.4).
5.4.
<BODY BGCOLOR="#7FFF00" LEFTMARGIN=300>
90
5. ,
<H5 ALIGN=CENTER>, <BR> , <BR>

</H5>
<H1><PRE>
^
/|\
\\|//
\\\|///
\\\\|////
\\\|///
\\\\\\|//////
\\\\\|/////
\\\|///
|
</H1></PRE></BODY></HTML>
. 5.4. ,
. 5.5 ,
( 5.5).
5.5.
<BODY BGCOLOR="#90EE90" LEFTMARGIN=300><CENTER>, <BR>
, <BR> </CENTER>
<PRE>
\|||/
\ ___ /
__/ \__
__| |__
/\___/\
/|||\
</PRE></BODY></HTML>
91
. 5.5. ,
. 5.6 ,
( 5.6).
. 5.6. ,
5.6.
<HTML><HEAD><TITLE></TITLE>
</HEAD>
<BODY BGCOLOR=DARKSEAGREEN><PRE> <H3>
oooooo
o
o
o ! ! o
o
o
o ==== o
o
o
oooo
92
5. ,
, 5.7 5.8.
5.7.
<BODY BGCOLOR=00FFFF><PRE><H3>
/ /
/ / <BR>
/ /
/ /<BR>
/ /-/ /<BR>
{
}<BR>
( *
* )<BR>
{ <> }<BR>
{
}
<###>
5.8.
<BODY BGCOLOR=F0FFFF><PRE>
? <BR>
<<>> <BR>
<<<<<<<<<<<<<<
>>>>>>>>>>>>>>>>> <BR>
<<<<<<<<<
>>>>>>>>> <BR>
<<<<<<
>>>>>> <BR>
<<<>>>
<BR>
<<>> <BR>
>< <BR>
</PRE></BODY></HTML>

, ,
. . . 5.7 ( 5.9).
5.9. -
<HTML><HEAD><TITLE> </HEAD></TITLE>
<BODY><FONT SIZE=2>
&<BR>
<<BR>
><BR>
™<BR>
<BR>
¢<BR>
£<BR>
93
¤<BR>
¦<BR>
§<BR>
©<BR>
"<BR>
«<BR>
»<BR>
®<BR>
°<BR>
1 ¹<BR>
2 ²<BR>
3 ³<BR>
µ<BR>
¶<BR>
·<BR>
1/4 ¼<BR>
1/2 ½<BR>
×<BR>
÷
</FONT></BODY></HTML>
. 5.7. -,
. 5.8 ( 5.10). .
5.10. -,

<HTML> <HEAD><TITLE> </TITLE>
</HEAD><BODY BGCOLOR=WHITESMOKE>
<FONT SIZE=5 COLOR=MAROON> FONT SIZE=5 &LT; FONT COLOR=MAROON &GT;<BR>
<FONT COLOR=NAVY> &LT; FONT COLOR=NAVY &GT;<BR>
<FONT COLOR=PURPLE> &LT; FONT COLOR=PURPLE &GT;<BR>
<FONT COLOR=FUCHSIA> &LT; FONT COLOR=FUCHSIA &GT;<BR>
<FONT COLOR=TEAL> &LT; FONT COLOR=TEAL &GT;<BR>
94
5. ,
<FONT COLOR=LIME> &LT; FONT COLOR=LIME &GT;<BR>

<FONT COLOR=AQUA> &LT; FONT COLOR=AQUA &GT;<BR>
<FONT COLOR=OLIVE> &LT; FONT COLOR=OLIVE &GT;<BR>
<FONT COLOR=PLUM> &LT; FONT COLOR=PLUM &GT;<BR>
<FONT COLOR=BLACK> &LT; FONT COLOR=BLACK &GT;<BR>
<FONT COLOR=SILVER> &LT; FONT COLOR=SILVER &GT;<BR>
<FONT COLOR=ROYALBLUE> &LT; FONT COLOR=ROYALBLUE &GT;<BR>
<FONT COLOR=MEDIUMVIOLETRED> &LT; FONT COLOR=MEDIUMVIOLETRED &GT;<BR>
<FONT COLOR=SPRINGGREEN> &LT; FONT COLOR=SPRINGGREEN &GT;<BR>
<FONT SIZE=3 COLOR=GRAY> &LT;FONT COLOR=GRAY &GT;<BR>
</BODY> </HTML>
. 5.8. -,

, , <ADDRESS>. :
<ADDRESS> - </ADDRESS>
. ,
, . , ,
. 5.9 ( 5.11).
5.11. ,
<BODY background="000001">
<CENTER>
<ADDRESS> HTML- <BR> <BR> =
<BR>
- <BR>
ninapetergof@.mail.ru</ADDRESS>
</BODY></HTML>
95
. 5.9. ,
Java-
Java- <APPLET>. Java- Java,
. , , , , .
Java- . -,
, , , classes HTML-. -, <APPLET>,
.
<APPLET> CODEBASE, ARHIVE, CODE, OBJECT, ALT, NAME, WIDHT,
HEIGHT, ALIGN, TOP, MIDDLE, BOTTOM, LEFT, RIGHT, HSPACE, VSPACE. HTML
3.2. CODE, CODEBASE.
<PARAM>, <APPLET>, .
<APPLET> . <OBJECT> (. ).
<SCRIPT>.
, HTML. , , .
<SCRIPT> HTML 3.2.
<HEAD>, <BODY> . -
96
5. ,
SRC, .
<SCRIPT> .
m CHARSET. CHARSET .
:
CHARSET="_"
, IANA (Internet Assigned Numbers Authority), ISO-8859-1 US-ASII.

m TYPE. TYPE MIME- (, text/javascript). :
TYPE="_"
m LANGUAGE. LANGUAGE . :
LANGUAGE=""
m SRC. SRC . :
SRC="URL"
m DEFER. DEFER ,
, . , .

<OBJECT>.
Java-, . HTML 4.0. <HEAD>, , , . <OBJECT>
. ID, DECLARE, CLASSID, CODEBASE, DATA,
TYPE, CODETYPE, ARHIVE, STANDBY, HEIGHT, WIDHT, USEMAP, NAME, TABINDEX, ALIGN,
BORDER, HSPACE VSPACE.
<COMMENT> . :
<COMMENT> .</COMMENT>

<STYLE>.
HTML- ( <HEAD>).
<TYPE> (. 17). :
<TYPE>=" MIME"
MIME- (, text/css).
97
<MEDIA>
, , :
media="screen|print|all"

<HR>, , SIZE, WIDTH, ALIGN, NOSHADE.
, , <PRE>
.
- , Java-,
.
6

-.
99
-
<MARQUEE> ( . marquee , )
ALIGN, BEHAVIOR, DIRECTION, HEIGHT, WIDTH, HSPACE, VSPACE, SCROLLAMOUNT.
m ALIGN. ALIGN (TOP),
(MIDDLE) (BOTTON) .
m BEHAVIOR. BEHAVIOR :
q SCROLL ( );
q SLIDE ;
q ALTERNATE , -.
m BGCOLOR. BGCOLOR RGB , .
m DIRECTION. DIRECTION :
q LEFT ( );
q RIGHT .
m HEIGHT. HEIGHT
( ).
m WIDTH. WIDTH
( ).
m HSPACE. HSPACE .
m VSPACE. VSPACE .
m LOOP. LOOP
. , ,
.
m SCROLLAMOUNT. SCROLLAMOUNT . , 1, , 2000 ( ).
m SCROLLDELAY. SCROLLDELAY .
.

, ,
6.1, . 6.1.
100
6.
. 6.1. -
6.1. -
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<FONT FACE="ARIAL" COLOR=BLUE>
MARQUEE <BR>
<MARQUEE BGCOLOR=RED VSPACE=5 WIDTH=80% HEIGHT=50 ALIGN=MIDDLE BEHAVIOR=SCROLL>
,
</MARQUEE> </FONT>
<FONT FACE="ARIAL" COLOR=FFFFFF>
ALIGN (TOP), (MIDDLE)
(BOTTOM) <BR>
<MARQUEE BGCOLOR=RED VSPACE=30 WIDTH=20% ALIGN=BOTTOM BEHAVIOR=SLIDE>
,
</MARQUEE> </FONT>
<FONT FACE="ARIAL" COLOR=FF44FF>
BEHAVIOR <BR>
SCROLL - ( ) <BR>
SLIDE - <BR>
ALTERNATE - , <BR>
<MARQUEE BGCOLOR=AAAAAA VSPACE=20 WIDTH=50% ALIGN=BOTTOM BEHAVIOR=ALTERNATE>
,
</MARQUEE> </FONT>
<FONT FACE="ARIAL" COLOR=000000>
BGCOLOR <BR>
RGB <BR>
, <BR>
<MARQUEE BGCOLOR=MAGENTA VSPACE=20 WIDTH=90% ALIGN=TOP DIRECTION=RIGHT HEIGHT=15%>
,
</MARQUEE> </FONT>
<P> DIRECTION <BR>
101
LEFT ( ), RIGHT <BR>

HEIGHT <BR>
<BR>
<BR>
( )
WIDTH <BR>
<BR>
<BR>
( )
HSPACE <BR>

<BR>
VSPACE <BR>

<BR>
<BR>
LOOP <BR>
, ,
<BR>
SCROLLAMOUNT <BR>
, 1, , 2000
( ) <BR>
SCROLLDELAY <BR>
<BR>

.
</BODY>
</HTML>

, . 6.2,
. 6.2. (
.gif) .
. 6.2. -
102
6.
6.2. -
<BODY BACKGROUND=".gif">
<MARQUEE SCROLLAMOUNT=10 BORDER="0">
<IMG SRC=".gif"></MARQUEE>
</BODY></HTML>

, <MARQUEE> -
. <MARQUEE>, ALIGN, BEHAVIOR, DIRECTION, HEIGHT, WIDTH, HSPACE,
VSPACE, SCROLLAMOUNT.
104
7.

HTML-:
m ;
m ;
m .
, .
( ) .

. , , .
<OL> ( . Ordered
List ). <LI>.
, , . 7.1 ( 7.1).
. 7.1. ,
7.1. ,
<BODY BGCOLOR = FLORALWHITE>
<H3> - </H3>
105
- ,
, .<BR><BR>
- - , ,
, ,
.
<OL>
<LI> -
<LI> TCP/IP (Transmission Control Protocol/Internet Protocol)
<LI> HTTP (Hyper Text Transfer Protocol)
<LI>URL(Uniform Resource Locator) -
<LI> FTP (File Transfer Protocol)
<LI>Microsoft Internet Explorer -
<LI>Netscape Navigator - Netscape
</OL></BODY></HTML>
<OL> TYPE START. :

<OL TYPE=A|a|I|i|1 START=n>
:
m TYPE :
q A (A, B, C...);
q a (a, b, c...);
q I (I, II, III...);
q i (i, ii, iii...);
q 1 (1, 2, 3...);
m START=n .

XLIX . 7.2 ( 7.2).
. 7.2.
106
7.
7.2.
<HTML><HEAD> <TITLE> </TITLE></HEAD>
<BODY BGCOLOR=DARKSEAGREEN>
WWW World Wide Web ( ) , <BR>
<BR>
_____________________________________________________________ <BR>
HTML:
<OL TYPE=I START=49>
<LI>
<LI>
<LI>
</OL>
_____________________________________________________________ <BR>
1950-
</BODY></HTML>
I . 7.3 ( 7.3).
. 7.3.
7.3.
<HTML><HEAD> <TITLE> </TITLE></HEAD>
<BODY BGCOLOR=CHARTREUSE>
Web<BR>
_____________________________________________________________ <BR>
WWW - ,
<OL TYPE=A START=9>
<LI>
<LI>
<LI>
</OL>
107
_____________________________________________________________ <BR>
IAB (Internet Advisory Board) -
</BODY></HTML>
e . 7.4 ( 7.4).
. 7.4.
7.4.
<BODY BGCOLOR=KHAKI> Web
<BR>_____________________________________________________________ <BR>
,
<OL type=a start=5>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI> Web-
<LI> ,
<LI>
<LI>
</OL>
_____________________________________________________________ <BR>
ISOC (Internet Society) - , <BR>

</BODY></HTML>
iii . 7.5 ( 7.5).
108
7.
. 7.5.
7.5.
<BODY BGCOLOR=HONEYDEW> -
<BR>_____________________________________________________________ <BR>
<OL type=i start=3>
<LI> -
<LI>
<LI> -
<LI>
<LI>
<LI>
<LI>
<LI>
<LI> ,
<LI> </OL>
_____________________________________________________________ <BR>
IETF - ,
</BODY></HTML>
11 . 7.6 ( 7.6).
7.6.
11
<BODY BGCOLOR=MOCCASIN> -<BR>
_____________________________________________________________ <BR>
<OL TYPE=1 START=11>
<LI> HTML (Hyper Text Markup Language)
<LI> SGML (Standard Generalized Markup Language)
<LI> XML
109
<LI> XHTML
<LI> Dynamic HTML</OL>
__________________________________________________________<BR>
Mozilla - Netscape
</BODY></HTML>
. 7.6. 11

<UL> ( . Unordered List ).
<LI> ( . List Item ). <UL>
TYPE:
<UL TYPE=disc|circle|square>
TYPE . :
m disc (, );
m circle ;
m square .
, , . 7.7 ( 7.7).
7.7. ,

<BODY BGCOLOR=SNOW> <BR>
____________________________________________________________ <BR>
<UL>
110
7.
<LI>HTML-
<LI>WYSIWYG-
<LI>Adobe GoLive
<LI>Microsoft FrontPage
<LI>Macromedia Dreamweaver
</UL>____________________________________________________________<BR>
Java - <BR>
JavaScript - ,
</BODY></HTML>
. 7.7. ,
. 7.8 ( 7.8).
7.8.
<BODY BGCOLOR=PALETURQUOISE> <BR>
____________________________________________________________ <BR>
<UL TYPE=square>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
</UL>
____________________________________________________________<BR>
-
</BODY></HTML>
111
. 7.8.
. 7.9
( 7.9).
. 7.9.
112
7.
7.9.
<HTML><HEAD><TITLE> -</TITLE></HEAD>
<BODY BGCOLOR=PALEGOLDENROD> -<BR>
____________________________________________________________ <BR>
<UL type=circle>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI> </UL>
____________________________________________________________ <BR>
,
</BODY></HTML>

. 7.10 ( 7.10) 7.11 ( 7.11).
. 7.10.
7.10.
<BODY BGCOLOR = THISTLE>
<H2> - </H2>
<H3> - </H3>
<P> - </P>
<OL>
<LI>
<UL>
<LI> ,
<LI>
<LI>
</UL>
<LI>
<UL Type=square>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
<LI>
</UL>
</OL>
</BODY>
</HTML>
. 7.11.
7.11.
<BODY BGCOLOR=DODGERBLUE>
<UL>
<LI> 1
<OL>
<LI> 1.1
<LI> 1.2</LI></OL>
<LI> 2
<OL>
<LI> 2.1
113
114
7.
<LI> 2.2</LI></OL>
<LI> 3
<OL>
<LI> 3.1
<LI> 3.2</LI></OL></LI></UL>
</BODY></HTML>

(). - <DL>, <DT> <DD>.
m <DL>. <DL> ( . Definition List )
. <DT> ( ) <DD> ( ). - , . <DL> COMPACT (
), CLASS, ID, LANG STYLE.
, COMPACT, ( ):
<DL COMPACT>...</DL>
COMPACT , :
CLASS=" "
ID=""
LANG=" "
STYLE=" "
m <DT>. <DT> ( . Definition Term , )

,
. <DT>:
CLASS=" "
ID=""
LANG=" "
m <DD>. <DD> ( . Definition Description ) ,

. <DD>:
CLASS=" "
ID=""
LANG=" "
STYLE=" "
. 7.12 ( 7.12).
7.12.
<BODY BGCOLOR=LEMONCHIFFON>
<DL>
115
<DT>
<DD>- , (,
) </DL>
<DL>
<DT>
<DD>- ,
</DL>
<DL>
<DT>
<DD>- , ,
(
)</DL>
<DL>
<DT>
<DD>- ,
</DL>
<DL>
<DT>
<DD>- - -
</DL>
<DL>
<DT>
<DD>- ,
</DL>
<DL>
<DT>
<DD>- , ,
</DL>
</BODY></HTML>
. 7.12.
116
7.

, . 7.13 ( 7.13).
. 7.13.
7.13.
</HEAD>
<BODY bgColor=ABCABC>
<ul>
....<li>
....<li type=square>
</ul>
<ol>
....<li>
....<li>
....<li value=4>
</ol>
<ol type=A>
....<li>
....<li>
....<li>
</ol>
</BODY></HTML>
,
<MENU> <DIR>.
m <MENU>:
<MENU><LI> <LI> </MENU>
m <DIR>:
<DIR><LI> <LI> </DIR>
117

, ( ),
( ) . .
,
HTML-
,
.
119

HTML HTML-,
, , , , .

, , <TABLE>. <TABLE> </TABLE>. . BORDER.
. ( ), :
, , ,
. .
<TABLE> ALIGN, BORDER, BACKGROUND, BGCOLOR, BORDERCOLOR,
CELLPADDING, CELLSPACING, HSPACE, SPACE, COLSPEC, WIDTH.
m ALIGN. ALIGN <CAPTION>
</CAPTION>,
TOP (, ) BOTTOM ().
ALIGN <TR>...</TR>, <TH>...</TH>
<TD>...</TD>,
LEFT (), RIGHT () CENTER ( ).
m BORDER. BORDER .
,
. BORDER
, , :
BORDER=3
m BACKGROUND. BACKGROUND
:
BACKGROUND = URL
m BGCOLOR. BGCOLOR .
m BORDERCOLOR. BORDERCOLOR . BORDER, :
<TABL BORDER="" BORDERCOLOR="">
m CELLPADDING. CELLPADDING
.
m CELLSPACING. CELLSPACING
.
m HSPACE. HSPACE .
120
8.
m VSPACE. VSPACE
.
m COLSPEC. COLSPEC . , , :
COLSPEC="20%"
m WIDTH. WIDTH . ,
, :
WIDTH=256
WIDTH=100%
, &nbsp
. .

<TR> <COL>.
<TR> ( . Table Row ) . <TR> </TR>.
ALIGN ( ) VALIGN
( ).
<COL> ( . Column ) WIDTH, BGCOLOR, ALIGN, VALIGN ID.
m WIDTH. WIDTH :
<COL WIDTH=>
m BGCOLOR. BGCOLOR :
<OL BGCOLOR=>
m ALIGN. ALIGN . LEFT (),

CENTER ( ) RIGHT (), :
<OL ALIGN=>
m VALIGN. VALIGN . MIDDLE (

) TOP (), :
<OL VALIGN=>
m ID. ID , :
<COL ID=>

<TD> ( . Table Data
).
. , .
, .
121
ALIGN=LEFT VALIGN=MIDDLE.
,
.

<TH> ( . Table
Head ). . BOLD ALIGN=CENTER.
<CAPTION> ( .
caption ). <CAPTION> <TABLE>
</TABLE>, . ALIGN ,
. ALIGN TOP
(), BOTTOM ().
.

<COLGROUP>, <TBODY> <TFOOT>.

<COLGROUP>
BGCOLOR, ALIGN, VALIGN, SPAN, WIDTH, ID.
m BGCOLOR. BGCOLOR , :
<COLGROUP BGCOLOR=>
m ALIGN. ALIGN . LEFT (),

CENTER ( ) RIGHT (), :
<COLGROUP ALIGN=>
m VALIGN. VALIGN . MIDDLE (

) TOP (), :
<COLGROUP VALIGN=>
m SPAN. SPAN , :
<COLGROUP SPAN=>
m WIDTH. WIDTH , :
<COLGROUP WIDTH=>
m ID. ID , :
<COLGROUP ID=>

<TBODY>, :
122
8.
<TBODY><TR><TD>...<TD>...</TBODY>
<TBODY> BGCOLOR, ALIGN, VALIGN,

, <COLGROUP>.
( ) <THEAD>, :
<THEAD><TR><TD>...<TD>...</THEAD>
<THEAD> BGCOLOR, ALIGN, VALIGN, ID,

, <COLGROUP>.
( ) <TFOOT>, :
<TFOOT><TR><TD>...<TD>...</THEAD>
<TFOOT> BGCOLOR, ALIGN, VALIGN, ID,

, <COLGROUP>.

.
, ,
.
m ALIGN. ALIGN .
LEFT (), RIGHT () CENTER ( ).
m BACKGROUND. BACKGROUND
:
BACKGROUND=URL
m BGCOLOR. BGCOLOR
.
m BORDER. BORDER ,
. .
m VALIGN. VALIGN <TR>, <TH> <TD>.
.
TOP (), BOTTOM (), CENTER ( ), MIDDLE ( ) BASELINE ( ).
m NOWRAP. NOWRAP ,

.
m COLSPAN. COLSPAN , .
1.
m ROWSPAN. ROWSPAN ,
. 1.
123
m RULES. RULES
, :
<TABLE RULES=ALL>
:
q NONE ( );
q GROUPS ( <THEAD>, <TFOOT> <TBODY>) ( <COLGROUP <COL>);
q ROWS ;
q COLS ;
q ALL .
m FRAME. FRAME , , , , :
<TABLE FRAME=VOID>
:
q VOID ( );
q ABOVE ;
q BELOW ;
q HSIDES ;
q VSIDES ;
q LHS ;
q RHS ;
q BOX ;
q BORDER , ( ).
m ID. ID , :
<TABLE ID=>

, ,
8.1, . 8.1.
<TH> </TH>, .
8.1. ,

</HEAD>
<BODY>
<H3> </H3>
<TABLE CELLSPACING=0 CELLPADDING=0 WIDTH="60%" BORDER=4>
<TR ALIGN=CENTER>
124
8.
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>12
<TH BGCOLOR=BLACK>
<TH BGCOLOR=BLACK>
<TH BGCOLOR=BLACK></TR>
<TR ALIGN=CENTER>
<TH BGCOLOR=BLACK>
<TH BGCOLOR=BLACK>
<TH BGCOLOR=BLACK>
<TH BGCOLOR=WHITE>27</TR>
</TABLE></BODY></HTML>
. 8.1. ,
, . 8.2,
<TD> </TD>,
( 8.2).
. 8.2. ,
125
8.2. ,

<HTML><HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<H3> </H3>
<TABLE CELLSPACING=0 CELLPADDING=0 WIDTH="90%" ALIGN=CENTER BORDER=4>
<TR>
<TD BGCOLOR=BLACK>
<TD BGCOLOR=WHITE>12
<TD BGCOLOR=BLACK>
<TD BGCOLOR=BLACK>
<TD BGCOLOR=BLACK></TR>
<TR>
<TD BGCOLOR=BLACK>
<TD BGCOLOR=BLACK>
<TD BGCOLOR=BLACK>
<TD BGCOLOR=WHITE>27</TR>
</TABLE>
</BODY></HTML>
8.3 ,
, 1 , 4, . . 8.3.
8.3. ,
1
<HTML><HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<TABLE WIDTH="30%" BORDER=1>
<TR>
<H2> CMYK</H2>
<TD WIDTH="50%">CYAN</TD>
<TD WIDTH="50%" BGCOLOR=CYAN> </TD></TR>
<TR>
<TD WIDTH="50%">MAGENTA</TD>
<TD WIDTH="50%" BGCOLOR=MAGENTA> </TD></TR>
<TR>
<TD WIDTH="50%">YELLOW</TD>
<TD WIDTH="50%" BGCOLOR=YELLOW> </TD></TR>
<TR>
<TD WIDTH="50%">BLAK </TD>
<TD WIDTH="50%" BGCOLOR=BLACK> </TD></TR>
</TABLE>
</BODY></HTML>
126
8.
. 8.3. , 1
, ,
70 , 8.4,
. 8.4.
<BR>, .
, WIDTH, 30 %
.
. 8.4. , 70
127
8.4. , 70
<BODY BGCOLOR=WHITE>
<CENTER>
<TABLE WIDTH="30%" BORDER=70 >
<TR><H2> CMYK</H2><BR><BR><BR><BR>
<TD WIDTH="50%">CYAN</TD>
<TD WIDTH="50%" BGCOLOR=CYAN> </TD></TR>
<TR><TD WIDTH="50%">MAGENTA</TD>
<TD WIDTH="50%" BGCOLOR=MAGENTA> </TD></TR>
<TR><TD WIDTH="50%">YELLOW</TD>
<TD WIDTH="50%" BGCOLOR=YELLOW> </TD></TR>
<TR><TD WIDTH="50%">BLAK</TD>
<TD WIDTH="50%" BGCOLOR=BLACK> </TD></TR>
</TABLE></CENTER></BODY></HTML>
, , 8.5, . 8.5. , <CAPTION>, .
. 8.5.
8.5.
<BODY>
<TABLE BORDER=2>
<CAPTION> </CAPTION>
<TR><TD><TH>2<TH>3<TH>4<TH>5<TH>6<TH>7<TH>8<TH>9</TR>
<TR><TH>2<TD>4<TD>6<TD>8<TD>10<TD>12<TD>14<TD>16<TD>18</TR>
128
8.
, , 8.6 (. 8.6).
. 8.6.
8.6.
<BODY><H3> </H3>
<TABLE>
<TR><TD> 11 </TD><TD> 12 </TD><TD>
</TD><TD> 15 </TD></TR>
<TR><TD> 21 </TD><TD> 22 </TD><TD>
</TD><TD> 25 </TD></TR>
<TR><TD> 31 </TD><TD> 32 </TD><TD>
</TD><TD> 35 </TD></TR>
<TR><TD> 41 </TD><TD> 42 </TD><TD>
</TD><TD> 45 </TD></TR>
<TR><TD> 51 </TD><TD> 52 </TD><TD>
</TD><TD> 55 </TD></TR>
<TR><TD> 61 </TD><TD> 62 </TD><TD>
</TD><TD> 65 </TD></TR>
<TR><TD> 71 </TD><TD> 72 </TD><TD>
</TD><TD> 75 </TD></TR>
<TR><TD> 81 </TD><TD> 82 </TD><TD>
</TD><TD> 85 </TD></TR>
13 </TD><TD> 14
23 </TD><TD> 24
33 </TD><TD> 34
43 </TD><TD> 24
53 </TD><TD> 44
63 </TD><TD> 54
73 </TD><TD> 64
83 </TD><TD> 74
129
, , WIDTH, 100 %, 8.7 (. 8.7).
. 8.7. ,
8.7. ,

<HTML><HEAD><TITLE>
<BODY>
<H3> </H3>
<TABLE WIDTH=100%>
<TR><TD> 11 </TD><TD> 12
</TD><TD> 15 </TD></TR>
<TR><TD> 21 </TD><TD> 22
</TD><TD> 25 </TD></TR>
<TR><TD> 31 </TD><TD> 32
</TD><TD> 35 </TD></TR>
<TR><TD> 41 </TD><TD> 42
</TD><TD> 45 </TD></TR>
<TR><TD> 51 </TD><TD> 52
</TD><TD> 55 </TD></TR>
<TR><TD> 61 </TD><TD> 62
</TD><TD> 65 </TD></TR>
<TR><TD> 71 </TD><TD> 72
</TD><TD> 75 </TD></TR>
<TR><TD> 81 </TD><TD> 82
</TD><TD> 85 </TD></TR>
</TITLE></HEAD>
</TD><TD> 13 </TD><TD> 14
</TD><TD> 23 </TD><TD> 24
</TD><TD> 33 </TD><TD> 34
</TD><TD> 43 </TD><TD> 24
</TD><TD> 53 </TD><TD> 44
</TD><TD> 63 </TD><TD> 54
</TD><TD> 73 </TD><TD> 64
</TD><TD> 83 </TD><TD> 74
, , , CELLPADDING, 20 ,
8.8 (. 8.8).
130
8.
8.8.
<BODY><H3> </H3>
<TABLE WIDTH=100% CELLPADDING=20>
<TR><TD> 11 </TD><TD> 12 </TD><TD>
</TD><TD> 15 </TD></TR>
<TR><TD> 21 </TD><TD> 22 </TD><TD>
</TD><TD> 25 </TD></TR>
<TR><TD> 31 </TD><TD> 32 </TD><TD>
</TD><TD> 35 </TD></TR>
<TR><TD> 41 </TD><TD> 42 </TD><TD>
</TD><TD> 45 </TD></TR>
<TR><TD> 51 </TD><TD> 52 </TD><TD>
</TD><TD> 55 </TD></TR>
<TR><TD> 61 </TD><TD> 62 </TD><TD>
</TD><TD> 65 </TD></TR>
<TR><TD> 71 </TD><TD> 72 </TD><TD>
</TD><TD> 75 </TD></TR>
<TR><TD> 81 </TD><TD> 82 </TD><TD>
</TD><TD> 85 </TD></TR>
13 </TD><TD> 14
23 </TD><TD> 24
33 </TD><TD> 34
43 </TD><TD> 24
53 </TD><TD> 44
63 </TD><TD> 54
73 </TD><TD> 64
83 </TD><TD> 74
. 8.8.
, , , 8.9 (. 8.9).
8.9. ,
<BODY><H3> </H3>
<TABLE WIDTH=100% CELLPADDING=20 BACKGROUND =" .jpg">
<TR><TD> 11 </TD><TD>
</TD><TD> 15 </TD></TR>
<TR><TD> 21 </TD><TD>
</TD><TD> 25 </TD></TR>
<TR><TD> 31 </TD><TD>
</TD><TD> 35 </TD></TR>
<TR><TD> 41 </TD><TD>
</TD><TD> 45 </TD></TR>
<TR><TD> 51 </TD><TD>
</TD><TD> 55 </TD></TR>
<TR><TD> 61 </TD><TD>
</TD><TD> 65 </TD></TR>
<TR><TD> 71 </TD><TD>
</TD><TD> 75 </TD></TR>
<TR><TD> 81 </TD><TD>
</TD><TD> 85 </TD></TR>
131
12 </TD><TD> 13 </TD><TD> 14
22 </TD><TD> 23 </TD><TD> 24
32 </TD><TD> 33 </TD><TD> 34
42 </TD><TD> 43 </TD><TD> 24
52 </TD><TD> 53 </TD><TD> 44
62 </TD><TD> 63 </TD><TD> 54
72 </TD><TD> 73 </TD><TD> 64
82 </TD><TD> 83 </TD><TD> 74
. 8.9. ,
, CELLPADDING, 20, 8.10 (. 8.10).

8.10. ,
CELLPADDING
<BODY>
<H1 ALIGN=CENTER> - </H1>
<H2 ALIGN=CENTER> </H2>
<H3 ALIGN=CENTER> , 13 </H3>
<TABLE CELLSPACING=15 CELLPADDING=20 WIDTH="90%" ALIGN=CENTER BORDER=4>
<CAPTION> :</CAPTION>
132
8.
<TBODY>
<TR> <TH BGCOLOR=CYAN>
<TH BGCOLOR=CYAN >, </TR>
<TR><TH BGCOLOR=CYAN>
<TH BGCOLOR=CYAN> , </TR>
<TR><TH BGCOLOR=YELLOW>
<TH BGCOLOR=YELLOW> , </TR>
<TR><TH BGCOLOR=YELLOW>
<TH BGCOLOR=YELLOW> , ,
</TR></TBODY></TABLE></BODY></HTML>
. 8.10. , CELLPADDING
, , ROWSPAN COLSPAN, 8.11 (. 8.11).

8.11.
<BODY>
<TABLE BORDER=10 WIDTH=80% ALIGN=CENTER>
<BR><BR><BR>
<TR><TD WIDTH=30% BGCOLOR=CORNSILK> 11 </TD>
<TD WIDTH=200 BGCOLOR=CHARTREUSE> 12 </TD>
<TD ROWSPAN=2 BGCOLOR=AQUA> 13+23 ( ) </TD></TR>
<TR><TD ALIGN=CENTER BGCOLOR=AZURE> 21 <br> </TD>
<TD ALIGN=RIGHT BGCOLOR=LAWNGREEN> 22 <br>
</TD></TR>
<TR><TD HEIGHT=60 VALIGN=TOP BGCOLOR=LIGHTGREY> 31 </TD>
<TD COLSPAN=2 VALIGN=BOTTOM BGCOLOR=MEDIUMSPRINGREEN> 32+33 <BR>
( )</TD></TR>
133
. 8.11.
, , ROWSPAN COLSPAN , 8.12 (. 8.12).
. 8.12.
134
8.
8.12.
<HTML><HEAD><TITLE></TITLE>
</HEAD>
<BODY>
<TABLE BORDER=2>
<CAPTION>, </CAPTION>
<TBODY><TR><TD BACKGROUND = icon1.gif>1111111
<TH BACKGROUND = icon2.gif>2
<TH BACKGROUND = icon3.gif>
<TH BACKGROUND = icon9.gif>9 </TR>
<TR> <TH ROWSPAN=8 BACKGROUND = .jpg>
<TD BACKGROUND = icon10.gif>4 4444
<TD BACKGROUND = icon11.gif>66666
<TD BACKGROUND = icon17.gif>18000 </TD>
<TR><TH COLSPAN=5>
<TD BACKGROUND = icon18.gif>12</TD>
<TR><TH BACKGROUND = icon17.gif>4
<TD BACKGROUND = icon17.gif>
<TD BACKGROUND = icon14.gif>32</TD>
<TR><TH><TD><TD><TD><TD><TD><TD><TD></TD>
<TR><TH><TD><TD><TD><TD><TD><TD><TD></TD>
<TR><TH><TD><TD>11<TD>11<TD>11<TD>11<TD>11<TD>11</TD>
</TR></TBODY></TABLE></BODY></HTML>
, ,
(ALIGN=BOTTOM), 8.13 (. 8.13).
8.13. ,
<BODY>
<TABLE BORDER=4>
<CAPTION ALIGN=BOTTOM> 1 </CAPTION>
<TR><TD ROWSPAN=2></TD><TH COLSPAN=2> </TH></TR>
<TR><TH></TH><TH></TH></TR>
135
<TR><TD></TD><TD ALIGN=CENTER>184</TD><TD ALIGN=CENTER>88</TD></TR>

<TR><TD></TD><TD ALIGN=CENTER>168</TD><TD ALIGN=CENTER>63</TD></TR>
</TABLE>
</BODY></HTML>
. 8.13. ,
( ) . 8.14 ( 8.14).
. 8.14.
136
8.
8.14.
<HTML>
<HEAD>
<TITLE></TITLE></HEAD>
<BODY>
<TABLE ALIGN="CENTER" WIDTH=90% BORDER=4 CELLSPACING="15%" CELLPADDING="50%">
<CAPTION> RGB</CAPTION>
<TR><TH BGCOLOR="RED"> Red
<TH BGCOLOR="RED">
<TR><TH BGCOLOR="GREEN"> Green
<TH BGCOLOR="GREEN">
<TR><TH BGCOLOR="BLUE"> Blue
<TH BGCOLOR="BLUE">
</TABLE>
</BODY>
</HTML>
, , ,
8.15 (. 8.15).
. 8.15.
8.15.
<BODY>
<TABLE WIDTH=200 BORDER=3>
<TBODY><TR><TD ALIGN=MIDDLE BGCOLOR=WHITE><B></B>
<TD ALIGN=MIDDLE BGCOLOR=WHITE><B></B>
<TR><TD>#B0E0E6 <TD BGCOLOR=#B0E0E6>1
<TR><TD>#AFEEEE <TD BGCOLOR=#AFEEEE>2
<TR><TD>#7FFFD4 <TD BGCOLOR=#7fffd4>3
<TR><TD>#00FA9A
<TR><TD>#00FF00
<TR><TD>#32CD32
<TR><TD>#008000
<TR><TD>#006400
<TR><TD>#008080
<TR><TD>#FF6800
<TR><TD>#FF6000
<TR><TD>#FF5800
</BODY></HTML>
137
<TD BGCOLOR=#00fa9a>4
<TD BGCOLOR=#00ff00>5
<TD BGCOLOR=#32cd32>6
<TD BGCOLOR=#008000>7
<TD BGCOLOR=#FF6800>10
<TD BGCOLOR=#FF6000>11
TD BGCOLOR=#FF5800>12 </TD></TR></TBODY></TABLE>
, , ,
8.16 (. 8.16). .
. 8.16. ,
8.16. ,
<BODY>
<CENTER><FONT COLOR=RED SIZE=5></FONT>
<TABLE WIDTH="40%"BORDER=3CEllSPACING=15CELLPADDING=10BORDERCOLOR=TOMATO>
<TBODY> <TR> <TD BGCOLOR=#FF3030 ALIGN=CENTER>
<TR><TD BGCOLOR=#FFD000 ALIGN=CENTER>
<TR><TD BGCOLOR=#F3FF5F ALIGN=CENTER>
<TR><TD BGCOLOR=#00FF00 ALIGN=CENTER>
<TR><TD BGCOLOR=#CFD3F7 ALIGN=CENTER>
<TR><TD BGCOLOR=#5F2FF0 ALIGN=CENTER>
<TR><TD BGCOLOR=#B568F4 ALIGN=CENTER> </TR></TBODY></TABLE></BODY></HTML>
, , 8.17 (. 8.17).
138
8.
. 8.17. -,
8.17. ,
<BODY BGCOLOR=RED>
<DIV ALIGN=CENTER> <CENTER> <TABLE BGCOLOR=GREENYELLOW BORDER=5>
<TBODY> <TR><TD> 11 </TD>
<TD> 12 </TD></TR>
<TR><TD> 21 </TD>
<TD><P ALIGN=CENTER> 22
</P></TD></TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>
, , , 8.18 (. 8.18). .
8.18. ,
<BODY BGCOLOR="#F0FFF0">
<H3 ALIGN=CENTER><FONT COLOR=#000080><BIG><BIG><STRONG><EM>
</EM></STRONG></BIG></BIG></FONT></H3>
<TABLE BORDERCOLORDARK=#000000 CELLPADDING=5 BORDERCOLORLIGHT=#FFFFFF BORDER=3><CAPTION
VALIGN=TOP ALIGN=RIGHT> </CAPTION>
<TBODY> <TR> <TD>&NBSP;</TD></TR>
<TR><TH COLSPAN=2 ROWSPAN=2>&NBSP;</TH>
<TH COLSPAN=3> </TH></TR>
<TR><TH> </TH>
<TH></TH>
<TH> </TH></TR>
<TR><TH ROWSPAN=2></TH>
<TH> </TH>
<TD> </TD>
139
<TD ALIGN=MIDDLE> </TD>

<TD ALIGN=RIGHT> </TD></TR>
<TR><TH> </TH>
<TD VALIGN=TOP></TD>
<TD ALIGN=MIDDLE></TD>
<TD VALIGN=BOTTOM ALIGN=RIGHT></TD></TR></TBODY></TABLE>
</BODY></HTML>
. 8.18. ,
, , , 8.19 (. 8.19).
. 8.19. ,
140
8.
8.19. ,
<BODY BGCOLOR = #E6E6FA>
<DIV ALIGN=CENTER>
<CENTER>
<TABLE BORDERCOLORDARK=BLACK CELLPADDING=5 BGCOLOR=SILVER BORDERCOLORLIGHT=WHITE
BORDER=1>
<TBODY><TR><TH> 1</TH>
<TH> 2</TH><TH> 3</TH></TR>
<TR><TD><FONT COLOR=MAROON> </FONT></TD>
<TD> 12 </TD><TD> 13 </TD></TR>
<TR><TD> 21 </TD><TD> 22 </TD><TD> 23 </TD></TR>
<CAPTION VALIGN=BOTTOM ALIGN=LEFT>
</CAPTION></TABLE></CENTER></DIV></BODY></HTML>
, , 8.20 (. 8.20).
. 8.20.
8.20.
<BODY BGCOLOR = #FFFFF0>
<DIV ALIGN=CENTER>
<CENTER>
<TABLE BORDERCOLORDARK=#000000 CELLPADDING=5 BGCOLOR=#FFFFC4
BORDERCOLORLIGHT=#FFFFFF BORDER=1 FRAME=LHS>
<CAPTION>CSS (Cascading Style Sheets - )</CAPTION>
<TBODY> <TR> <TH rowSpan=2> </TH>
<TD><FONT COLOR=MAROON> </FONT></TD>
141
<TD> 12 </TD> <TD> 13 </TD></TR>

<TR> <TD> 21 </TD> <TD> 22 </TD> <TD> 23 </TD></TR>
<TR> <TH> 3</TH> <TD> 31 </TD> <TD> 32 </TD>
<TD> 33 </TD></TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>
, , , . 8.19, , 8.21 (. 8.21).
. 8.21. ,
8.21. ,
<BODY BGCOLOR=#FAF0E6>
<DIV ALIGN=CENTER>
<CENTER>
<TABLE BORDERCOLORDARK=#000000 CELLPADDING=5 BGCOLOR=#C0C0C0
BORDERCOLORLIGHT=#FFFFFF BACKGROUND="" BORDER=2 FRAME=BELOW>
<CAPTION ALIGN=LEFT> - </CAPTION>
<TBODY> <TR> <TH> 1</TH>
<TH COLSPAN=2> </TH></TR>
<TR><TD><FONT COLOR=MAROON> </FONT></TD>
<TD> 12 </TD>
<TD> 13 </TD></TR>
<TR><TD> 31 </TD><TD> 32 </TD>
<TD> 33 </TD></TR></TBODY></TABLE></CENTER></DIV>
</BODY></HTML>
,
, , 8.22 (. 8.22).
142
8.
. 8.22.
8.22.
<HTML><HEAD><TITLE> , </TITLE>
</HEAD>
<BODY BGCOLOR=#FFF0F5>
<H3 ALIGN=CENTER> , </H3>
<DIV ALIGN=CENTER>
<CENTER>
<TABLE BORDERCOLORDARK=#000000 CELLPADDING=5 BGCOLOR=#C4ECFF
BORDERCOLORLIGHT=#FFFFFF BORDER=3 FRAME=VOID>
<CAPTION ALIGN=RIGHT> - Frame = VOID</CAPTION>
<TBODY><TR><TH> 1 - TH</TH>
<TD align=right><FONT color=maroon><I> ,
</I></FONT></TD>
<TD> 12 </TD><TD> 13 </TD></TR>
<TR><TH> 2 - TH</TH><TD> 21 </TD><TD> 22 </TD><TD>
23 </TD></TR>
<TR><TH> 3 - TH</TH><TD> 31 </TD><TD> 32 </TD><TD>
33 </TD></TR></TBODY></TABLE></CENTER></DIV>
</BODY></HTML>
,
8.23. , (. 8.23). ,
. , .
8.23.
<BODY><TABLE CELLSPACING=10 CELLPADDING=0 WIDTH="90%" BORDER=8 BORDERCOLOR=BLACK>
<TR><TD ALIGN=CENTER><H2> </H2>
143
<TABLE BORDER CELLSPACING=10 WIDTH="100%">

<TR><TD ALIGN=CENTER COLSPAN=4><H4> 1993
</H4></TD></TR>
<TR><TD ALIGN=CENTER>Microsoft Internet Explorer </TD>
<TD ALIGN=CENTER>Netscape Navigator </TD>
<TD ALIGN=CENTER>Opera </TD>
<TD ALIGN=CENTER>AvantGo</TD></TR></TABLE></TD></TR></TABLE>
</BODY></HTML>
. 8.23.
,
CELLSPACING, . 8.24 ( 8.24).
. 8.24.
144
8.
8.24.
<BODY BGCOLOR = #F0FFF0><CENTER>
<TABLE BORDER CELLSPACING=20>
<TR><TD> 11<TD> 12<TD> 13</TD></TR>
<TR><TD> 21<TD> 22<TD> 23</TD></TR></TABLE>
<TR><TD> 31<TD> 32<TD> 33</TD></TR>
<TR><TD> 51<TD> 52<TD> 53</TD></TR>
</BODY></HTML>
, CELLSPACING
, . 8.25 ( 8.25).
. 8.25. ,
8.25. ,
<BODY BGCOLOR=#008000>
<CENTER>
145
<TABLE CELLSPACING=10 BORDER=15>

<CAPTION ALIGN=BOTTOM> </CAPTION>
<TR><TD>
<TABLE border=30>
<TR><TD><IMG SRC=" .jpg"> </TD></TR>
</TABLE></TD></TR>
</TABLE></CENTER></BODY></HTML>
, ,
. 8.26 ( 8.26). .
. 8.26.
8.26.
<BODY BGCOLOR=#E0FFFF>
<CENTER>
<TABLE ELLPADDING=10 CELLSPACING=0 BORDER=17>
<TR><TD ALIGN=CENTER>
<H1> </H1><H3>-</H3>
<TABLE BORDER=30 WIDTH=100%>
<TR><TD> <I> </I></TD></TR>
<TR><TD> <I> </I></TD></TR>
</TABLE></TD></TR></TABLE></CENTER></BODY></HTML>
. . 8.27
( 8.27).
8.27.
<BODY BGCOLOR=#DCDCDC >
<CENTER>
146
8.
<TABLE WIDTH=70% BORDER=0 CELLPADDING="5">

<TR> <TD ALIGN=CENTER COLSPAN=2>
<H2> </H2>
<H3> : , , </H3></TD></TR>
<TR> <TD width=50% ALIGN=TOP>
,
. - .
</TD> <TD VALIGN=TOP>
.
. , .
</TD></TR></TABLE></CENTER></BODY></HTML>
. 8.27.
. 8.28 ( 8.28).
. 8.28.
147
8.28.
<BODY BGCOLOR=00FFFF>
<CENTER> <H4> </H4>
<TABLE CELLPADDING=5 WIDTH="80%" BORDER=1 CELLSPACING=2>
<TR ALIGN=LEFT BGCOLOR = 000099>
<TD><FONT FACE="ARIAL" COLOR=WHITE SIZE=4> <FONT></TD>
<TD><FONT FACE="ARIAL" COLOR=WHITE SIZE=4> <FONT></TD></TR>
<TR><TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW
SIZE=3>= <FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>
<FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW
SIZE=3>.<FONT></TD>
SIZE=3>1557<FONT></TD></TR>
&gt, &lt <FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>,
<FONT></TD>
SIZE=3>.<FONT></TD>
SIZE=3>&para <FONT></TD>
<FONT></TD>
SIZE=3>.<FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>&times
<FONT></TD>
<FONT></TD>
SIZE=3>.<FONT></TD>
SIZE=3>log <FONT></TD>
SIZE=3><FONT></TD>
SIZE=3>.<FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>1624<FONT></TD>
</TR>
SIZE=3>sin <FONT></TD>
SIZE=3> <FONT></TD>
148
8.
8.28 ()
SIZE=3>.<FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>1632<FONT></TD> </TR>
SIZE=3>cos <FONT></TD>
<FONT></TD>
SIZE=3>.<FONT></TD>
<TD align=LEFT VALIGN=TOP BGCOLOR ="#00CED1"><FONT COLOR=YELLOW SIZE=3>1748<FONT></TD>
</TR></TBODY></TABLE></CENTER></BODY></HTML>
. 8.29 ( 8.29).
. 8.29.
8.29.

<HTML><HEAD><TITLE>
</TITLE></HEAD>
<BODY BGCOLOR=#6600FF>
<TABLE BORDER=5 CELLSPACING=4>
<TR><TH BGCOLOR="FFFFFF"> 1
<TH BGCOLOR="FFFFFD"> 2
<TH BGCOLOR="FFFFFE"> 3
<TR><TD> 11 <TD> 12<TD> 13
<TR><TD> 21 <TD> 22<TD> 23
<TR><TD> 31 <TD> 32<TD> 33

. 8.30 ( 8.30).
149
. 8.30.
8.30.

<HTML><HEAD><TITLE>
</TITLE></HEAD>
<BODY BGCOLOR=#EE0066>
<TR><TH BGCOLOR="FFFFFF">
<TH BGCOLOR="FFFFFF"> 1
<TH BGCOLOR="FFFFFF"> 4 </TR>
<TR> <TH BGCOLOR="FFFFFF"> 5
<TD> 11<TD> 12<TD> 13<TD> 14 </TR>
<TR><TH BGCOLOR="FFFFFF"> 6
<TD> 21<TD> 22<TD> 23<TD> 24 </TR>

. 8.31 ( 8.31).
8.31.
<BODY BGCOLOR=#EE0011>
<TABLE BORDER=4 CELLSPACING=0 >
<CAPTION> </caption>
<TR><TD BGCOLOR="FFFFFF"> 1
<TD BGCOLOR="FFFFFF"> 2
<TR><TD ROWSPAN=3 BGCOLOR="FFFFFF"> 1
150
8.
<TD> 2
<TR><TD> 3
<TR><TD> 4
<TR><TD COLSPAN=2 BGCOLOR="FFFFFF"
</TABLE> </BODY></HTML>
ALIGN="CENTER">
ALIGN="CENTER">
ALIGN="CENTER">
ALIGN="CENTER">
5
6
7
8
. 8.31.

. 8.32 ( 8.32).
. 8.32.
151
8.32.

<BODY BGCOLOR=#DDEE11>
<TABLE BORDER=4 CELLSPACING=0 >
<TR><TD ROWSPAN=4 COLSPAN=2 BGCOLOR="FFFFFF"> 1
<TR><TD> 2<TD ROWSPAN=3> 5
<TR><TD> 3
<TR><TD> 4
<TR><TD ROWSPAN=4 COLSPAN=2 BGCOLOR="FFFFFF"> 6
<TR><TD COLSPAN=3 BGCOLOR="WHITE" ALIGN="CENTER"> 7
</TABLE></TABLE></BODY></HTML>
, , . 8.33
( 8.33).
. 8.33. ,
8.33. ,
<BODY BGCOLOR=#DDEEFF>
<TD>
<TABLE BORDER=3>
<TR><TD> 2-1
<TD> 2-2
<TR><TD> 3-2
<TD> 4-2
</TABLE>
<TR><TD BGCOLOR="FFFFFF"> 3-1
<TD BGCOLOR="FFFFFF"> 4-1
<TD FFFFFF="FFFFFF"> 6-1
152
8.
,
, . 8.34 ( 8.34).
. 8.34. ,
8.34. ,
<BODY BGCOLOR=#DDEEEE>
<TABLE BORDER=4 CELLSPACING=3 CELLPADDING=10>
<TR><TD BGCOLOR="FFFFFF"> </TABLE>
</BODY></HTML>

. <TR> , <COL> , <TD> , <TH> , <CAPTION> . <TABLE> </TABLE>.
- ( , -), .
HTML-,
.

, , . , , ,
.
, <FORM> </FORM>.
.
154
9.

.
<FORM> ( . form ) </FORM>.
NAME, ACTION, METHOD, TARGET.
m NAME. NAME . , .
m ACTION. ACTION URL- , .
m METHOD. METHOD
. GET POST.
GET .
m TARGET. TARGET ,
. SELF, PARENT,
TOP, BLANK .
. 9.1 ( 9.1).
<INPUT>. SIZE
.
. 9.1. -,
9.1. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY> <FORM>
<CENTER><H3> </H3>
<INPUT NAME=" "SIZE="40"><BR>
<INPUT NAME=" "SIZE="60"> <BR>
</CENTER> </FORM> </BODY>
</HTML>
155
, .
.
, . SIZE,
, , . .
. 9.2 ( 9.2).
. 9.2.
9.2.
<HTML>
<HEAD> <TITLE> </TITLE> </HEAD>
<BODY> <FORM>
<CENTER><H2> ?</H2>
<TABLE><TR><TD>
<INPUT NAME=""SIZE="20"><BR>
<INPUT NAME=""SIZE="20"><BR></TD>
<TD><H3></H3></TD>
<TD>
<INPUT NAME=""SIZE="20"> <BR>
<INPUT NAME=""SIZE="20"> </TD>
</TR></TABLE></FORM></CENTER>
</BODY></HTML>
156
9.
, , <INPUT> ( . input
). NAME, SIZE, CHECKED, MAXLENGTH, SRC, TYPE.
m NAME. NAME . ,
, .
m SIZE. SIZE .
m CHECKED. CHECKED . , , , .
m MAXLENGTH. MAXLENGTH , .

.
SIZE, .
SIZE,
. MAXLENGTH
.
m SRC. SRC URL-,
( IMAGE).
m TYPE. TYPE .
.
.
q CHECKBOX ,
(ON OFF), .
q HIDDEN

.
, .
q IMAGE . .
q PASSWORD , .
q RADIO , ,
VALUE,
157
NAME.
NAME=VALUE, VALUE .
.
q RESET ,
,
.
q SUBMIT ,
URL-.
q TEXT .
MAXLENGTH SIZE ( 20 ).
m VALUE. VALUE
,
NAME ( ).
(TYPE=RADIO) . 9.3 ( 9.3).
. 9.3.
9.3.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<INPUT TYPE=RADIO NAME=modem
</BODY>
</HTML>
VALUE="9600" CHECKED> 9600 / <BR>

VALUE="14400" CHECKED> 14400 /<BR>
9.4 , (TYPE=SUBMIT). . 9.4.
158
9.
9.4.
<HTML><HEAD> <TITLE> SUBMIT</TITLE> </HEAD>
<BODY>
<FORM ACTION=www.piter.ru METHOD=POST>
<INPUT SIZE=40 NAME=text VALUE=" ">
<INPUT TYPE=SUBMIT VALUE=" " value=""> </FORM>
</BODY></HTML>
. 9.4.
, (TYPE=CHECKBOX) . 9.5
, , . 9.5,
,
CHECKED.
. 9.5.
159
9.5.
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY BGCOLOR="#DC143C">
<FORM METHOD=POST ACTION =www.piter.ru>
<INPUT TYPE=TEXT NAME=TEXT
VALUE=" " SIZE=40>
<INPUT TYPE=SUBMIT VALUE=> <BR>
<INPUT TYPE=CHECKBOX NAME=COMP VALUE="WWW"> <BR>
<INPUT TYPE=CHECKBOX NAME=COMP VALUE="HTTP"CHECKED> Hyper Text Transfer Protocol <BR>
<INPUT TYPE=CHECKBOX NAME=COMP VALUE="HTML"CHECKED> Hyper Text Markup Language
</FORM>
</BODY>
</HTML>
9.6
(TYPE=PASSWORD).
(. 9.6).
. 9.6.
9.6.
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<FORM METHOD=POST ACTION =www.piter.ru>
<INPUT TYPE=PASSWORD NAME=TEXT VALUE=" " SIZE=40 MAXLEGTH=40><BR></FORM>
</BODY>
</HTML>

,
, <SELECT>.
.
<OPTION>. 9.7
<SELECT> <OPTION> (. 9.7).
160
9.
9.7. -,
<BODY>
<H1 ALIGN=LEFT> - </H1>
<FORM>
<SELECT NAME=group>
<OPTION>
<OPTION>
<OPTION>
<OPTION>
<OPTION>
<OPTION> CD-
<OPTION> DVD-
<OPTION> </SELECT>
</FORM></BODY></HTML>
. 9.7. -
, <SELECT>, . SIZE. ,
SIZE, .
(
Shift Ctrl), MULTIPLE, . <SELECT>
SIZE MULTIPLE . 9.8 ( 9.8).
9.8.
<HTML><HEAD><TITLE> SELECT MULTIPLE </TITLE></HEAD>
<BODY>
<FORM>
<SELECT NAME=group SIZE=4 MULTIPLE=2>
<OPTION> ;
161
<OPTION> ;
<OPTION> ;
<OPTION> ;
<OPTION> ;
</SELECT></FORM></BODY></HTML>
. 9.8.
<OPTION> VALUE.
, , , . . 9.9 ( 9.9).
. 9.9. , VALUE
9.9. , VALUE
<HTML>
<HEAD><TITLE> SELECT.HTM </TITLE></HEAD>
<BODY>
<FORM>
:
<SELECT NAME="GIF - Graphics Interchange Format">
<OPTION SELECTED VALUE="Graphics Interchange Format"> GIF - Graphics Interchange Format
<OPTION VALUE="JPEG"> JPEG - Joint Photographic Expert Group
<OPTION VALUE="PNG">PNG - Portable Network Graphic
<OPTION VALUE="BMP">BMP - Bit Map -
</SELECT> </FORM>
</BODY> </HTML>
162
9.

, , <TEXTAREA>.
NAME, ROWS, COLS.
m NAME. NAME .
m ROWS. ROWS .
m COLS. COLS .

- , <TEXTAREA>
</TEXTAREA>.
<TEXTAREA> . 9.10 ( 9.10).
. 9.10.
9.10.
<HTML><HEAD><TITLE> TEXTAREA </TITLE></HEAD>
<BODY>
<FORM>
<TEXTAREA NAME="" ROWS=10 COLS=50>
URL
Uniform Resource Locator -
WWW
EPS
Encapsulated PostScript
,
.
</TEXTAREA>
</FORM></BODY>
</HTML>
163

, , . ,
, , ,
, . <FORM>, <INPUT>,
<SELECT>,
<TEXTAREA>.
10
- , () , , .
- .
165

.
m URL-, .
m ( NAME), .
m
( ).
.
m , ,
,
.
, , , -, -, .
m -

, .
m -, ,
, .
,
, .

, ,
, <BODY>
<FRAMESET>:
<HTML>
<HEAD>...</HEAD>
<FRAMESET>...</FRAMESET>
</HTML>
- ,
<FRAMESET> ( . frame set )
, , . <FRAMESET> - , . <FRAMESET> .
:
<FRAMESET COLS="value" | ROWS="value">
<FRAME SRC="url1">
<FRAME ...>...
</FRAMESET>
166
10.
<FRAMESET> , .
. <FRAME>.
<FRAMESET> </FRAMESET> <FRAME>, <FRAMESET> </FRAMESET>, <NOFRAME>
</NOFRAME>, ,
.
<FRAMESET> COLS, ROWS, BORDER,
FRAMEBORDER, ROWS COLS .
m COLS. COLS . , (%)
(*), :
<FRAMESET COLS=", %, *">
m ROWS. ROWS , (%) (*), :

<FRAMESET ROWS=", %, *">
.
(
) . ROWS
.
m BORDER. BORDER
, , :
<FRAMESET BORDER="">
m FRAMEBORDER. FRAMEBORDER
BORDER. 1
, 0 , :
<FRAMESET FRAMEBORDER="1">
<FRAMESET FRAMEBORDER="0">
ROWS COLS , ,
. ,
- , 100- .
ROWS COLS ( 1 100)
100,
,
100 %. , , 100 %, .
ROWS COLS
( ) ,
.
167
, . , ( ,
).
.
COLS="3*,*,*"
, ,
3/5 ,
1/5.
COLS="50%,50%"
.
COLS="20%,80%"
( 20,
80 %):
ROWS="100,20%,*"
.
() 100 , () 20 % , () .
COLS="*,3*"
,
. :
COLS="25%,75%"
<FRAMESET> COLS ROWS

.
. - ,
<NOFRAMES>. <FRAMESET>, ,
<NOFRAMES> </NOFRAMES>, ,
. - , ,
<NOFRAMES> </NOFRAMES>,
-.

, <FRAME> NAME, SRC, MARGINWIDTH, MARGINHEIGHT, SCROLLING,
NORESIZE, FRAMEBORDER.
168
10.
m NAME. NAME . ( TARGET,

),
HTML-. :
NAME=""
m SRC. SRC ,
, :
<FRAME SRC="10.htm">
SRC , .
m MARGINWIDTH. MARGINWIDTH :
MARGINWIDTH="value"
value . , , .
m MARGINHEIGHT. MARGINHEIGHT :
MARGINHEIGHT="value"
value .
m SCROLLING. SCROLLING :
SCROLLING="yes|no|auto"
yes ,
, no . auto,
, , .
m NORESIZE. NORESIZE . , Windows. NORESIZE
.
NORESIZE,
, .
m FRAMEBORDER. FRAMEBORDER 1 ( ) 0 ( ), :
<FRAME FRAMEBORDER="1">
<FRAME FRAMEBORDER="0">

- . , .
169
<IFRAME>, , <FRAME>,
<FRAMESET> </FRAMESET>, <BODY> </BODY>. <IFRAME>
SRC, FRAMEBOARD, MARGINHEIGHT, MARGINWIDTH, NAME, ALIGN, SCROLLING,
WIDTH, HEIGHT.
m SRC. SRC , , :
<IFRAME SRC="URL">
m FRAMEBORDER. FRAMEBORDER . 1 ( ) 0 ( ),
:
<IFRAME FRAMEBORDER="1">
<IFRAME FRAMEBORDER="0">
m MARGINHEIGHT. MARGINHEIGHT
, :
<IFRAME MARGINHEIGHT ="">
m MARGINWIDTH. MARGINWIDTH , :
<IFRAME MARGINWIDTH="">
m NAME. NAME ,
.
m ALIGN. ALIGN LEFT (), RIGHT (), MIDDLE
(), TOP () BOTTOM (), :
<IFRAME ALIGN="LEFT">
m SCROLLING. SCROLLING
yes ( ), no ( ) auto ( ), :
<FRAME SCROLLING ="">
m WIDTH. WIDTH , :
<IFRAME WIDTH ="">
m HEIGHT. HEIGHT , :
<IFRAME HEIGHT="">

: , ,
, ?. .
,
NAME. TARGET,
:
TARGET=""
170
10.
, :
<A HREF="100.htm" TARGET="Frame1"> Frame1 </A>
TARGET <BASE>
- , .
, , , , , :
<HTML><HEAD><BASE TARGET="FRAME1"></HEAD>
<BODY>
<A HREF="URL1"> </A>|<A HREF="URL2"> </A>
</BODY></HTML>
TARGET , :
<AREA SHAPE="CIRCLE" COORDS = 100,100,50"
HREF="http://www.piter.com" TARGET="FRAME1">
TARGET :
<FORM ACTION = URL TARGET="FRAME2">

.
TARGET . , , :
m _BLANK , ,
.
m _SELF , , , . , <BASE>.
m _PARENT , , <FRAMESET>.
, _SELF.
m _TOP , ,
. .
, , .

-, ( ROWS) .
, . 10.1 ( 10.1),
.
171
. 10.1.
10.1. -,
<HTML>
<HEAD>
<TITLE> 2 </TITLE>
<FRAMESET FRAMEBORDER=1 BORDER="5" ROWS="480,200">
<FRAME SRC="1.htm">
<FRAME SRC="2.htm">
</FRAMESET>
</HTML>
, . 10.2 ( 10.2),
30 % , 40 %.
10.2. -,
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<FRAMESET ROWS="3*,4*,3*">
<FRAME SRC="1.htm">
<FRAME SRC="2.htm">
<FRAME SRC="3.htm">
</FRAMESET>
</HTML>
-, ( COLS).
172
10.
. 10.2.
. 10.3 ,
( 10.3). , , , BORDER 35. ,
SCROLLING no.
. 10.3. -,
173
10.3. -,
<HTML>
<FRAMESET BORDER="35" COLS="40%,60%">
<FRAME SCROLLING="no" SRC=1.htm>
<FRAME SRC=2.htm>
</FRAMESET>
<HTML>
. 10.4 , 40, 30 30 % - ( 10.4).
. 10.4. -,
10.4. -,
<FRAMESET COLS="40%,30%,30%">
<FRAME SRC=1.htm>
<FRAME SRC=2.htm>
<FRAME SRC=3.htm>
</FRAMESET>
</HTML>
. 10.5 , () ,
(). ,
, 45 55 % ( 10.5).
10.5. -
<FRAMESET ROWS="*,2*">
174
10.
<FRAME SRC="3.htm">
<FRAMESET COLS="45%,55%">
<FRAME SRC="4.htm">
<FRAME SRC="5.htm">
</FRAMESET>
</FRAMESET>
</HTML>
. 10.5. -,
. 10.6. -,
175
. 10.6 , () ,
(), ,
, 25, 35 40 % ( 10.6).
10.6. -
<HTML>
<FRAMESET cols="*,55%">
<FRAME SRC="4.htm">
<FRAMESET ROWS="25%,35%,40%">
<FRAME SRC="5.htm">
<FRAME SRC="6.htm">
<FRAME SRC="7.htm">
</FRAMESET>
</FRAMESET>
</HTML>
. 10.7 , ( 10.7).
. 10.7. -,
10.7. -,
<HTML>
<FRAMESET ROWS="50%,50%">
<FRAME SRC="4.htm">
<FRAME SRC="5.htm">
</FRAMESET>
176
10.
<FRAMESET rows="50%,50%">
<FRAME SRC="6.htm">
<FRAME SRC="7.htm">
</FRAMESET>
</FRAMESET>
</HTML>
. 10.8 , ( 10.8).
.
. 10.8. -,
10.8. -,
<HTML>
<FRAMESET ROWS="20%,60%,20%">
<FRAME SRC="1.htm">
<FRAME SRC="2.htm">
<FRAME SRC="3.htm">
</FRAMESET>
<FRAME SRC="4.htm">
</FRAMESET>
</HTML>
10.9 10.10 <NOFRAMES>.

. 10.9 10.10 , , , <NOFRAMES> </NOFRAMES>, .
10.9. <NOFRAMES>
<FRAMESET ROWS="*,*">
<NOFRAMES>
<H1> - !</H1>
</NOFRAMES>
<FRAME SRC="1.htm">
<FRAME SRC="2.htm">
</FRAMESET>
<FRAMESET COLS="*,40%,*">
<FRAME SRC="3.htm">
<FRAME SRC="4.htm">
<FRAME SRC="5.htm">
</FRAMESET>
</FRAMESET>
</HTML>
. 10.9. -,
10.10. <NOFRAMES>
<HTML> <HEAD>
<TITLE> </TITLE>
</HEAD>
<FRAMESET ROWS="10%, 50%, 40%">
<FRAME SRC=" .jpg">
<FRAMESET COLS="10%,20%, 70%">
<FRAME SRC=".jpg">
<FRAME SRC=".jpg">
<FRAME SRC=" .jpg">
</FRAMESET>
177
178
10.
<FRAME SRC=" 1.jpg">

</FRAMESET>
<NOFRAMES> </NOFRAMES>
</HTML>
. 10.10. -,
- . 10.11 ( 10.11).
. 10.11. -
179
10.11.
<HTML>
<HEAD>
<TITLE> </TITLE></HEAD>
<FRAMESET cols="20%, 80%">
<FRAMESET rows="100, 200">
<FRAME SRC="1.htm">
<FRAME SRC=" .gif">
</FRAMESET>
<FRAME SRC="3.htm">
<NOFRAMES>
<P> :
<UL>
<LI><A HREF="1.htm"> </A>
<LI><IMG SRC=" .gif" alt=" ">
<LI><A HREF="3.htm"> </A>
</UL>
</NOFRAMES>
</FRAMESET>
</HTML>

.
- ,
.
-, ,
. 10.12, , ( 10.12).
. 10.12. -
180
10.
10.12. -
<BODY BGCOLOR=AQUA>
<H1> </H1>
<HR><A HREF=" .htm"><I> </I></A>
<HR><IMG HEIGTH= 117 WIDTH=352 ALIGN=CENTER BORDER= 3 SRC=" .jpg">
</BODY></HTML>
, . 10.12,
, , . . 10.13 ( 10.13).
. 10.13. -
10.13.
<FRAMESET FRAMEBORDER=1 FRAMESPACING=5 BORDER=5 COLS="260,800">
<FRAME NAME="" NORESIZE SRC=".htm">
<FRAME NAME="" SRC=" .htm">
</FRAMESET></HTML>
. 10.14 -, , . 10.13 ( 10.14).

10.14. ,

<BODY TEXT=BLACK LINK=GREEN BGCOLOR=FFFFA>
<H3> </H3>
<IMG HEIGTH=117 WIDTH=352 ALIGN=CENTER BORDER= 3 SRC=" .jpg"><BR>
181
<A HREF=right1.htm ><I> </I></A>


<A HREF=.htm><I> </I></A>
</BODY></HTML>
. 10.14. -, , . 10.13
. 10.15 -, , . 10.13 ( 10.15).
. 10.15. -, , . 10.13
182
10.
10.15. ,
<BODY TEXT=BLACK LINK=GREEN BGCOLOR=FFFFAA>
<H3> </H3>
<IMG HEIGTH=117 WIDTH=352 ALIGN=CENTER BORDER=3 SRC=" .jpg"><BR>
<A HREF=right1.htm ><I> </I></A>

<A HREF=.htm><I> </I></A>
</BODY></HTML>
. 10.16 -, , . 10.13 ( 10.16).
. 10.16. -, , . 10.13
10.16. ,
<BODY TEXT=BLACK LINK=GREEN BGCOLOR=#FFFFAF>
<H3> </H3>
<IMG SRC=" .jpg" WIDTH=352
BORDER=3 HEIGTH="117"><BR><A
HREF=" .htm"><I> </I></A>
<A HREF="/.htm"><I> </I></A>
</BODY></HTML>
, . 10.12, , , . 10.13. -
, . 10.14, 10.15 10.16.
, <IFRAME> ,
. -
. 10.17 ( 10.17).
183
. 10.17. -
10.17. <IFRAME>
<IFRAME Src="7.htm" width="400" height="500"
SCROLLING="auto" FRAMEBORDER="1">
</IFRAME>
</HTML>
, <IFRAME>, . -
. 10.18 ( 10.18).
. 10.18. -
184
10.
10.18. IFRAME
<BODY>
, IFRAME, .
<IFRAME SRC="3.htm" ALIGN=CENTER SCROLLING=AUTO FRAMEBORDER=1 WIDTH=60%
HEIGHT=40%>
</IFRAME></BODY>
</HTML>
, , ,
. 10.19 ( 10.19).
. 10.19.
10.19.
<BODY background="image12.jpg" alink=#ff00ff vlink=#ff00ff link=#00ff00><P> </P>
<P ALIGN=CENTER><H1 style="color:#FFFFFF">
</H1></P>
<P ALIGN=RIGHT><I><FONT COLOR=#FFFFFF FACE =ARIAL COLOR=#800000 SIZE=4>
( )</I>
<H1 ALIGN=CENTER style="color:#FF00FF"> </H1>
<P>  <SMALL><A HREF="image10.gif" TARGET="shop"> 1</a>
<A HREF="image11.gif" TARGET="shop"> 2</A>
<A HREF="image8.gif" TARGET="shop"> 3</A>
<A HREF="image9.gif" target="shop"> 4</A>
<IFRAME WIDTH=400 HEIGHT=200 HSPACE=6 VSPACE=6 MARGINWIDTH=0 NAME=shop border=0
align=left src="image9.gif"></IFRAME></p>
<P><FONT SIZE=5>
.<BR>
: IFRAME name=().
TARGET=( ),
.</SMALL>
</FONT></BODY>
</HTML>
, . . 10.20 ( 10.20).
185
10.20. -
<FRAMESET ROWS=25%,75%>
<FRAME SRC="1.htm">
<FRAMESET COLS=30%,70%>
<FRAME SRC="2.htm">
<FRAMESET ROWS=30%,30%,40>
<FRAME SRC="3.htm">
<FRAMESET COLS=30%,30%,40%>
<FRAME SRC="4.htm">
<FRAME SRC="5.htm">
<FRAME SRC="6.htm"></FRAMESET>
<FRAME SRC="7.htm"></FRAMESET></FRAMESET></FRAMESET></HTML>
. 10.20. -
. 10.21 ,
( 10.21).
10.21.
<BODY BACKGROUND=".gif"><FONT FACE="Times New Roman" size=4>
<P> :<BR>
: <IFRAME ALIGN=LEFT HSPACE=10 VSPACE=10
SRC=" .htm" WIDTH=100 SCROLLING=NO
HEIGHT=150></IFRAME>
<P> . <BR>
, , - c
IFRAME.<BR>
:<IFRAME WIDTH= ... HEIGHT= ... HSPACE=...
VSPACE=... SRC ><BR></P></FONT></BODY></HTML>
186
10.
. 10.21. -
. 10.22 ( 10.22). ,
, .
. 10.22.
10.22.
<HTML>
<FRAMESET BORDER=4 FRAMESPACING=4 ROWS=100,20%,* FRAMEBORDER=0>
<FRAME SRC="1.htm" NORESIZE SCROLLING=YES>
</FRAMESET></HTML>
187

, . <FRAMESET>,
<FRAME> ROWS, COLS, BORDER, FRAMEBORDER, NAME, SRC, MARGINWIDTH,
MARGINHEIGHT, SCROLLING, NORESIZE, FRAMEBORDER. .
11
, .
, , , , -

, . ,
.
.
189

HTML
(Uniform Resource Locator, URL), :
://_:/#
URL ( ) ,
( ) . .
file, http, ftp, mailto, telnet
news.
m file. file . , HTML- document.html
/spb/institute :
file:/spb/institute/document.html
m http. http -
HTTP. HTML- . , Russian:
http://www.russian.com/
m ftp. ftp FTP-

, :
ftp://myname/directory/ninaname
m mailto. mailto
. , ninapetergof spb.com,
:
mailto: ninapetergof@spb.com
mailto .
, .
m telnet. telnet telnet.
m news. news ,
. :
news:relcom.www.support
mailto, news
. ,
.
URL,
. , www.piter.com . , , URL, , HTML-, .
IP-, - .
190
11.
URL TCP,
-. ,
80 ( URL-).
URL ,
.
HTML-. , , ,
NAME.
URL- , (
).

<>. . <> HREF, NAME, ID, METHODS,
FRAME, TITLE, ACCESSKEY.
<>.
m HREF. HREF. URL- ,
:
<A HREF="URL">
HREF ,
<A> </A>, - ( ).
m NAME. NAME HREF (. ).
m ID. ID NAME ,
, <A>, :
<P ID=" ">

:
<A HREF="# "> </A>
m METHODS. METHODS ,
FTP, Gopher . . :
<A METHODS=""> </A>
m FRAME. FRAME ,
. :
<A FRAME=" "> </A>
m TITLE. TITLE . :
<A TITLE=" "> </A>
191
m ACCESSKEY. ACCESSKEY , . :
<A ACCESSKEY=" "> </A>
.
m HTML- HTTP:
<A HREF="http://www.mizic.ru/alex/lena/page1.html"> </A>
m ZIP- HTTP:
<A HREF="http://www.mizic.ru/alex/lena/test.zip"> </A>
m TXT- HTTP:
<A HREF="http://www. mizic.ru/alex/lena/test.txt"> </A>
m MPG- HTTP:
<A HREF="http://www.mizic.ru/alex/lena.mpg"> </A>
m EXE- FTP:
<A HREF="ftp://ftp.spbszip.com/pub/priem/priem/install.exe"> </A>
m , :
<A HREF="mailto:name@domen.ru"> </A>
m , :
<A HREF="mailto:name@domen.ru, Subject=Tea"> </A>
m , :
<A HREF="mailto:name@domen.ru, Subject=Tea &BODY=e"> </A>
m , , :
<A HREF="mailto:name@domen.ru, Subject=Tea &BODY=e&cc=
name@domen.ru&bcc=name@domen.ru"> </A>
m :
<A HREF="news:comp.infosystems.www.announce"> </A>
, .
,
.

- -. HREF <A> .
, , . 11.1 ( 11.1).
192
11.
. 11.1.
11.1.
<HTML>
<BODY BACKGROUND=FFFFFF>
<CENTER><H1> </H1></CENTER>
<HR NOSHADE SIZE=10 WIDTH="100%" ALIGN=CENTER>
<P><H2><A HREF="1.htm"> 1</A></P>
<P><A HREF="2.htm"> 2</A></P>
<P><A HREF="3.htm"> 3</A></P></H2>
</BODY></HTML>

-,
-. HREF <A>
URL- , -.
1.htm, 2.htm 3.htm
C:/Nina/HTML/, -, . 11.1, , 11.2.
11.2.
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN>
<META HTTP-EQUIV=Content-Type CONTENT="text/html; CHARSET=windows-1251">
<META CONTENT="MSHTML 6.00.2600.0" NAME=GENERATOR></HEAD>
193
<BODY BACKGROUND="">
<CENTER>
<H1> </H1></CENTER>
<H2><A HREF="file:///C:/Nina/HTML/1.htm"> 1</A>
<P><A HREF="file:///C:/Nina/HTML/2.htm"> 2</A></P>
<A HREF="file:///C:/Nina/HTML/3.htm"> 3</A></H2>
</BODY></HTML>

, ,
.
, . ,
,
.
<A>, HREF NAME. . , :
<A NAME="_"> </A>
. 11.2. -
194
11.

URL- , #:
<A HREF="#_"> </A>
. 11.2 ( 11.3).
11.3.
<BODY background="#FFF8DC">
<CENTER>
<H1> </H1></CENTER>
<P><B></B></P>
<UL> <LI><A HREF="#glava1"> 1</A></LI>
<LI><A HREF="#glava"> 2</A></LI> </UL>
<P><A NAME="glava"></A> 1</P>
<IL> <P> 1</P> </UL>
<P><A NAME="glava"></A> 2</P>
<UL> <P> 2 <BR></P>
</BODY></HTML>
1,
1. ,
. .
. 11.3
( 11.4).
11.4.
<BODY BGCOLOR="#FFFACD" TOPMARGIN=4 MARGINHEIGHT=4 LEFTMARGIN=100>
<CENTER>
<H1></H1></CENTER>
<P><B> </B></P>
<UL> <LI><A HREF="#glava1"> 1. ?</A></LI><BR>
<LI><A HREF="#glava2">2. </A></LI><BR>
<LI><A HREF="#glava3">3. </A></LI><BR>
<LI><A HREF="#glava4">4.</A></LI><BR>
<LI><A HREF="#glava5"> 5. </A></LI><BR>
<LI><A HREF="#glava8">8. </A></LI><BR></UL>
<P><A NAME="#glava1"> 1. ?</A></P><BR>
.
<BR>
: .<BR>
- .<BR>
, .<BR>
- , ,
.<BR>
<P><A NAME="#glava2"></A>2. </P>
,
.<BR>
, -:<BR>
1. ;<BR>
2. ;<BR>
3. ;<BR>
4. , ;<BR>
5. ,<BR>
6. ,<BR>
7. ,<BR>
8. ,<BR>
9. ,<BR>
10. .<BR>
, :<BR>
1. ;<BR>
2. ;<BR>
3. ;<BR>
4. ;<BR>
5. ;<BR>
6. ;<BR>
7. .<BR>
<P><A NAME="#glava3"></A>3. :</P>
1. . <BR>
</BODY></HTML>
. 11.3. -
195
196
11.

(. 3), , . HTML .
. 11.4 ( 11.5).
8.3.htm.
. 11.4.
11.5.
<BODY BGCOLOR=#FFFFFF>
<P ALIGN=CENTER><A HREF=" 8.3.htm">
<IMG SRC=" .jpg"></FONT> </A></P>
</BODY></HTML>
. 11.5.
197
HTML
, (. 11.5). , URL-.

, -
.
, ,
-, , -, , ,
, ,
.
12
- , . -
.
199

-
,
WWW , HTML -. ,
- , . , - .
- , , ,
56 .
,
.
-
<A>, .
-, ,
. <EMBED>
<OBJECT>.
<EMBED> HTML 4.01; ,
<OBJECT>. <EMBED>, - . <EMBED> HEIGHT,
WIDTH, AUTOPLAY, CONTROLLER, LOOP, PLUGINSPAGE. ,
.
m HEIGHT. HEIGHT .
m WIDTH. WIDTH .
m AUTOPLAY. AUTOPLAY TRUE FALSE.
TRUE , , FALSE , .
m CONTROLLER. CONTROLLER TRUE FALSE.
TRUE .
m LOOP. LOOP TRUE, FALSE PALIDROME.
TRUE , . FALSE , -
200
12.
.
PALIDROME ,
, .
m PLUGINSPAGE. PLUGINSPAGE , .
12.1 , (. 12.1).
12.1. , -
<HTML>
<HEAD><TITLE> - </TITLE></HEAD>
<BODY BACKGROUND=FFFF0F>
<CENTER><H1> </H1></CENTER>
<P><A HREF="Legko.wav"> , </A></P>
<P> </P>
<EMBED SRC="VideoOut.avi" WIDTH="200"HEIGHT="200">
</BODY>
</HTML>
. 12.1. 12.1
201

, , Autodesk
Animator Pro FLI, FLC ZEL. Web : Microsoft GIF Animator, Animagic GIF, GIF
Construction Set .
Macromedia Flash, Macromedia Director Hyper Method.
SWF
SWF (Shockwave Flash), Macromedia, .
. .
Flash ( flash , ) ( ).
Flash - , , , , .
Flash.
m , , .
Flash , .
m . Flash Internet lrr, Netscape Navigator.
m ActionScript. ActionScript
, , , ,
. JavaScript.
m . Flash . , .
m . - Flash
. .
m . Flash -. , , , ,
, Flash .
, Flash, .swf.
, , ,
, .
Flash lr tiveX, Internet plorer Netscape. Flash lr L- <J>.
202
12.
AVI
AVI (Audio Video Interleaved - )
RIFF (Resource Interchange File Format
). AVI, , , .avi.
, . , .
MOV
MOV, QuickTime, Apple,
, . QuickTime , , .
MPEG
, . , ,
. , (24 ) 720576 25
240 .
FDDI 100200
, Ethernet 10 . , .
MPEG (Moving Pictures Experts Group) - .
.
, , (/). MPEG, : MPEG-1, MPEG-2,
MPEG-3, MPEG-4, MPEG-7, MPEG-J.
MPEG-1, .
MPEG-1 ,
.
,
. I
, III
.
MPEG-1 II ( .2), , MPEG-1 III. MPEG-1 II -
203

5:1 12:1.
MPEG- . - MPEG , .

, , .
, . .
,
. , . () ().
: .aiff, .aif, .au,
.avr, .hcom, .iff, .nsp, .sf, .smp, .snd, .sou, .voc, .wav.
- .
, ,
,
. ,
, . , 16- 20- . : .amf, .cmf, .dmf, .far, .mid, .mod, .mtm, .nst, .okt, .org, .rol, .sbi, .sng, .stm,
.s3m, .ult, .wow. xm.
WAV
WAV ( . wave ) Microsoft
. WAV- .wav.
PC, Macintosh.
WAV- , ,
( ), .
AIFF
AIFF (Audio Interchange File Format ) , Macintosh, -.
AIFF .aif .aiff.
, , ,
, , .
204
12.
MIDI
MIDI (Musical Instrument Digital Interface )
. , .
MP3
MP3 (MPEG-1 Audio Layer-3)
, .

, . , ,
-.
. , .
-
-.
m .
.
m .
.
m . .
.
m . .
m . ,
, .
m . . , URL- , .
(unicast) -
, .
, . ,
.
205
(multicast) -, . .

.
Real Audio/Video
Real Audio/Video - , Progressive Networks. RealPlayer. , RealPlayer, .ra, .ram, .rm, .rmn .rmd.
Windows Media Server

Windows Media Player
Windows Media Server
-, . Windows Media Player
WAV, AVI, MIDI, VOD, AIFF MPEG-2 Layer-3 (MP3). . 12.2
Windows Media Player.
. 12.2. Windows Media Player
206
12.
QuickTime Streaming Server

QuickTime Player
QuickTime , ,
MIDI- . . 12.3
QuickTime Player.
. 12.3. QuickTime Player

-, -
-. .
MPEG -.
13

1855 ,
:
. . .
, - . . .
: ! : ,
! ,
? , . ,
.
, , , - . ,
. , .
, . : .
. . .
( ).
, , , ,
.
208
13.

( . banner , ) (46860, 8831 . .),
-. , , . , , .
GIF JPG,
, Java, ShockWave
. .

, 46860 .
, Internet Advertising Bureau CASIE (The
Coalition for Advertising Supported Information & Entertainment):
m 46860 (16,512,12 );
m 46055 (16,21,94 );
m 23460 (8,262,12 );
m 125125 (4,414,41 );
m 12090 (4,233,18 );
m 12060 (4,232,12 );
m 8831 (3,12,12 );
m 120240 (4,238,47 ).
, 72 .
, ,
. ,
46860 1015 .

. ,
- 1000 , , , 50 , ( )
5 %. , WWW 2,11 %.
www.promo.ru - .
m Click Here.
. ,
, click here, , visit now,
209
enter . ., 30 % , .
.
m . , : , ?
m . , . , ,
- .
m . , , .
25 % , .
m . . ,
.
m .
.
m .
, , ,
- .
. , ,
.
m . , .
, 2 %. , 2 %
( -), 98 % . ! , , , , -.
,
: , , . .
, ( http://www.
iab.net/):
m 18 % ;
m 41 % ;
m 34 % ;
m 6 % ;
m 1 % .
210
13.

,
, -.
, http://www.forexpf.ru,
Google 2004 2
: 52 ( 19 ) 20,4 . 805,9
393,9 .

,
, . . 13.1
600125 , 72 21,174,41 ( 13.1).
. 13.1. 600125
13.1. 600125
<BODY><CENTER><IMG src="shool.gif"></CENTER></BODY></HTML>
, . 13.2 ( 13.2). 240400

, 8,4714,11 72 .
, ,
, .
13.2.
<BODY>
<CENTER><IMG src="banner_240x400.gif"></CENTER></BODY></HTML>
211
. 13.2. 240400
46860 , 14,112,12 72 . . 13.3 ( 13.3).
. 13.3. 46860
13.3. 46860
<BODY><CENTER><IMG src="banner13.3.gif"></CENTER></BODY></HTML>
8831 ,
3,11,09 72 .
. 13.4 ( 13.4).
212
13.
. 13.4.
13.4.
<BODY><CENTER><IMG src="banner13.4.gif" ></CENTER> </BODY></HTML>
23460 , 8,262,12
72 , . 13.5 ( 13.5).
. 13.5. 23460
13.5. 23460
<BODY>
<CENTER><IMG src="banner13.5.gif"></CENTER></BODY></HTML>
. 13.6. 474161
213
474161 16,725,68
72 , . 13.6 ( 13.6).
13.6. 474161
<BODY>
<CENTER><IMG src="banner13.6.gif"></CENTER></BODY></HTML>

, .
. .
14

, :
m -;
m -.
-
- ,
( . host ),
. , http://www.vanta. ru/hosting/host3.php , , , , -:
www.AGAVA.ru, www.Boom.ru, www.By.ru, www.Chat.ru, www.Hoha.ru,

www.Holm.ru, www.Hut.ru, www.Km.ru, www.narod.yandex.ru,
www.newmail.ru, www.RussianZone.ru, www.servis.ru.
215
-
( . site ) , ,
- . , , , ,
, , .
. 14.1. .
. 14.2. .
216
14.
, . , , .
, .
., http://www.narod.yandex.ru (. 14.1).
. 14.3. .
. 14.4. .
217
- , , . . (. 14.2).

(. 14.3), , (. 14.4).
, ., (. 14.5).
. , , , , -.
. 14.5. .

: , URL- .

, , : 4
4 . . ( URL- ) .
218
14.
URL-
URL-, . ( . domain ),
URL-
. ( ).
:
m com ;
m edu ;
m gov ;
m mil ;
m net ;
m org ;
m int ;
m firm, biz ;
m store ;
m web -;
m arts ;
m rec ;
m info , ;
m nom ;
m arpa ,
ARPANET ( ).
:
m at (Austria);
m an (Australia);
m be (Belgium);
m bg (Bulgaria);
m c (Canada);
m ch (Switzerland);
m cy (Cyprus);
m de (Germany);
m es (Spain);
m fi (Finland);
m gr (Greece);
m it (Italy);
m jp (Japan);
m hl (Holland);
m no (Norway);
219
m pl (Poland);
m ru (Russia);
m se (Sweden);
m tr (Turkey);
m uk (United Kingdom);
m us (United States).
,
, . .
m , , .com, , , , (www). ,
-, :
q www.adobe.com Adobe, ;
q www.microsoft.com Microsoft;
q www.europages.com , , ,
150 ,
;
q www.intellimatch.com ,
, , .
m , , .ru, www, :
q www.students.ru ;
q www.translate.ru :
q www.ntv.ru ;
q www.hermitage.ru ;
q www.resume.ru .
m
.edu, : www.oxford.edu
.
m , :
q www.russia.net, www.ru.net ;
q www.usa.net ;
q www.uk.net .

, , , ,
.
220
14.
, . :
http://www.rambler.ru, http://www.yahoo.com, http://www.google.com, http://www.aport.ru,
http://www.yndex.ru, http://www.chuvsu.ru, http://www.list.ru, http://www.weblist.com,
http://www.lycos.com, http://www.altavista.com, http://www.infoseek.com, http://www.
excite.com, http://www.webcrabler.com, http://www.hotbol.com.

( ) (, .)
.
-, , .
- , , ,
. , .
( ), .
, , , , .
,
(spider), (worm) (crawler). ,
-, . ,
.

-, -,
.. .
15

, -, <!DOCTYPE>, <LINK>
<META>.
222
15.
HTML
-
<HTML>. - , , <!DOCTYPE>.
<!DOCTYPE> HTML,
.
SGML-. <!DOCTYPE> . HTML 2.0.
<!DOCTYPE> - , ,
, , , , . :
<!DOCTYPE HTML __ _
_////_////_"URI">
:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Frameset//EN>
<!DOCTYPE>.
m
(Document Type Definition, DTD). HTML (Standard General Markup
Language, SGML), , , .
, , (document type). ,
. HTML- HTML.
m HTML- ,
PUBLIC.
m , (+) () ISO. W3C (World Wide Web Consortium)
ISO , ().
m ,
DTD. HTML- W3C, W3C.
m HTML DTD.
m HTML. HTML 4.0 HTML 4.0, HTML 4.0 Transitional HTML 4.0 Frameset.
m , ISO. ,
EN.
m URI DTD. HTML 4.0 URI:
META-
223
q http://www.w3.org/TR/REC-html40/strict.dtd;
q http://www.w3.org/TR/REC-html40/loose.dtd;
q http://www.w3.org/TR/REC-html40/frameset.dtd;
q http://www.w3.org/TR/REC-html40/HTMLlat1.ent;
q http://www.w3.org/TR/REC-html40/HTMLsymbol.ent;
q http://www.w3.org/TR/REC-html40/HTMLspecial.ent.
<!DOCTYPE> :
<BODY>"" , , ,
</BODY></HTML>
META-
META-.
, ,
(, , , ).
<!DOCTYPE>, META- , <HEAD> </HEAD>:
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY>"" , , ,
</BODY></HTML>
<META> -, , , ,
. . META-:
<META NAME="_META-" CONTENT="_META-">
:
<META HTTP-EQUIV="_META-" CONTENT="_META-">
, NAME , HTTP-EQUIV .
NAME
<META> NAME.
m :
<META NAME="description" CONTENT=" ">
( 250300 ), :
<META name = description content =
HTML">
224
15.
m :
<META NAME="keywords" CONTENT=" ">
.
, :
<META NAME="keywords" CONTENT="HTML html JavaScript
javascript css CSS VBScript vbscript VRML vrml php
PHP Perl perl ">;
m , , ,
:
<META NAME="author" CONTENT="__">
m , :
<META NAME="generator" CONTENT="_">
m ( ):
<META NAME = expires CONTENT = >
m :
<META NAME="Reply-to" CONTENT="@">
m :
<META NAME="Copyrigh" CONTENT="_">
HTTP-EQUIV
<META> HTTP-EQUIV.
m
:
<META HTTP-EQUIV="Refresh" CONTENT="0;
URL=http://www.piter-press.ru">

http://www.piter-press.ru.
m MIME- :
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
CHARSET=windows-1251">
MIME- text/html,
, windows-1251. ,
.
.
m ( ):
<META HTTP-EQUIV="expires" CONTENT="Mon, 7 Nov 2004 10:00:00 GMT">
RFC-850 ( ):
q Mon ;
q 7 Nov ;
q 2004 ;
q 10:00:00 (, );
q GMT ( ).
225

. . ,
, .
<LINK>.
. <LINK>
<HEAD>:
<! saved from url=(0048)http://www.htmlhelp.com/reference/css/units.html >
<HTML lang=en><HEAD><TITLE>CSS Units</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251"><LINK rev=Made
href="mailto:liam@htmlhelp.com"><LINK href="./" rel=Start><LINK
href="properties.html" rel=Up><LINK href="/glossary/glossary.html" rel=Glossary><LINK
href="/copyright.html" rel=Copyright><LINK href="CSS Units1.files/style.css"
type=text/css rel=StyleSheet><LINK media=aural href="CSS Units1.files/aural.css"
type=text/css rel=StyleSheet>
<META content="John Pozadzides/Liam Quinn" name=author>
<META content="A description of the units available in Cascading Style Sheets, level 1."
name=description>
<META content="html authoring, newsgroup, web design group, web page design, help,
frequently asked questions, internet help, site creation, page creation, site design,
page design, site layout, page layout, html, hypertext markup language, hyper text
markup language, questions, graphics, www pages, html 3.2, help files, tutorials,
articles, reference material, guide, style, stylesheet, style sheet, css, cascading
style sheets, units, color, colour, colors, colours, length, lengths, percentage,
percentages, value, values, URL, uniform resource locator, rgb, answer"
name=keywords>
<META http-equiv=Content-Style-Type content=text/css>
<BODY text=#000000 vLink=#800080 aLink=#000080 link=#0000ff bgColor=#ffffff>
<H2><IMG height=83 alt="The Web Design Group"
src="CSS Units1.files/wdglogo1.gif" width=250></H2>
<LINK> , : HREF
( ), TYPE ( ) REL ( ,
HREF, ), REV ( ).

, HTML .
16

-. Adobe
Photoshop,
Adobe PageMaker, CorelDRAW .
<DIV>
227

(layer) (). ,
. , ,
.
. , , .
-. Netscape Communicator
4
-. <LAYER> ( Netscape Communicator)
<DIV> ( Internet Explorer) .
, , . . JavaScript. , , , ,
, , , . , .
<DIV>
<DIV> . ALIGN, LEFT
( ), CENTER ( ) RIGHT ( ).
<DIV> .
m CLASS. CLASS ,
. ,
, , :
<DIV class="italicfont"> </DIV>
<DIV class="boldfont"> </DIV>
m ID. ID . , #:
<HEAD>
<STYLE TYPE=text/css>
<!
#italicfont {font-weight: bold}
#boldfont {font-style: courier}
>
</STYLE>
</HEAD>
228
16.
:
<DIV ID="italicfont"> </DIV>
<DIV ID="boldfont"> </DIV>.
, . .
m STYLE. STYLE ( , , , , ), :
<DIV style="LEFT: 50px; POSITION: absolute; TOP: 70px">.
. 16.1 ( 16.1).
. 16.1. -
16.1.
<HTML>
<BODY>

<LAYER ...><! NN >
<NOLAYER>
<DIV ...><! IE >
</NOLAYER>

<NOLAYER>
</DIV><! IE >
</NOLAYER>
</LAYER><! NN >

</BODY>
<HTML>
<BR>
<BR>
<BR>
<BR>
. 16.2
( 16.2).
<DIV>
229
. 16.2.
16.2.
<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR=#FAEBD7>
<DIV STYLE="LEFT: 50px; POSITION: absolute; TOP: 70px">
<H1> 1- </H1>
<H2>< 2- </H2>
<P> DIV</P>
<I>C ,
.</I>
</H2></DIV>
<FONT color=#ff69b4 size=3>





     & nbsp;
& nbsp;









230
16.






















</FONT>
</BODY>
</HTML>
<DIV> . 16.3 ( 16.3).
. 16.3. <DIV>
<LAYER>
231
16.3. <DIV>
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY bgColor=#FFFAAA>
<DIV ALIGN=CENTER style="LEFT: 50px; POSITION: absolute; TOP: 70px">
<H1> </H1>
<IMG WIDTH=355 HEIGHT=232 SRC= .jpg><BR>
,
<P ALIGN=RIGHT>
</DIV>
<FONT color=#ff69b4 size=3>











</FONT>
</BODY></HTML>
<LAYER>
<LAYER>, <DIV>, , Internet Explorer. Netscape
Navigator , <LAYER>
. <LAYER>.
m BACKGROUND. BACKGROUND , :
BACKGROUND="anyimage.gif"
m HEIGHT. HEIGHT , :
HEIGHT="100"
m WIDTH. WIDTH , :
WIDTH="100"
m ID. ID () . , MyLayer1:
ID=MyLayer1
m CLIP. CLIP , :
CLIP="10,10,50,50"
232
16.
m TOP. TOP
, :
TOP=20
m LEFT. LEFT
, :
LEFT=100

, JavaScript,
16.4. . 16.4 ,
.
, , , .
. 16.4. ( ,
)
16.4.
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<LAYER NAME=MyLayer BGCOLOR="green" TOP=50 LEFT=50
OnMouseOver="colorlayer(blue)"
OnMouseOut="colorlayer(white)">
<NOLAYER>
<DIV ID=MyDiv STYLE="position:absolute; TOP:50; LEFT:50">
</NOLAYER>
<P><FONT SIZE="72"> </FONT></P>
<NOLAYER>
</DIV>
</NOLAYER>
<SCRIPT LANGUAGE=JavaScript1.2>
function colorlayer(changeto)
{ bgColor=changeto }
</SCRIPT>
</LAYER>
<SCRIPT LANGUAGE=VBSCRIPT>
233
Sub MyDiv_onmouseover()
document.all.MyDiv.style.backgroundColor="blue"
End Sub
Sub MyDiv_onmouseout()
document.all.MyDiv.style.backgroundColor="green"
End Sub
</SCRIPT>
</BODY>
</HTML>

,
, <LAYER> <DIV>.
JavaScript.
17

(Cascading Style Sheets, CSS).
CSS
235

. , ,
, , . .
HTML-, XHTML- XML-
(CSS).
CSS :
m -,
, , HTML-;
m , ,
;
m
-;
m , .
CSS . , ,
, :
A.menu:link
{
COLOR: #c2a1a0;
FONT-FAMILY: Arial;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
HTML ( <HEAD>) META-:

<META http-equiv=Content- Style-Type content="text/css;>
-.
, , ,
.
CSS
HTML 1989 ,
CSS .
1995 , ( 1994
236
17.
) W3C CSS
HTML-.
1995 W3C
.
CSS Internet Explorer 3.0. , .
CSS ,
, . (CSS1)
11 1999 , (CSS2) 1998 , (CSS3) 2001 .
CSS.
? ,
HTML- ,
, .
,
,
. , <BODY>, -.
- .

.
m . , .
, <H1> <P>,
, <A> <TD>.
m .
. , (FONT-FAMILY: Arial), (MARGIN: 15px), (BORDER-RIGHT: white 1px solid), (HEIGHT: 1px) .
m . .
(Arial; white 1px solid, 1px).
m . , ,
.
m . .
. 17.1.
, , ,
:
<FONT COLOR="RED"><STRONG><U> </U></STRONG></FONT>
237
. 17.1.
? 5 ,
1020? SS.
H1 ,
20 :
H1 {color:red; size:20pt;}
,
. , . .
: ,
. , , .
m :
q :
H1 {font-family: arial; font-size: 14pt}
q :
H1,H2,H3 {font-family: arial font-size: 14pt}
m :
q :
BODY {margin-top: 12pt;margin-right: 10pt;margin-left: 15pt}
q :
BODY {margin: 12pt 10pt 15pt}
HTML, , CLASS.
CSS
.
238
17.
(class selectors) :
. {c}

, :
. {}
CSS
HTML-:
m ;
m ;
m ;
m .

. : , , .

HTML-
. 17.1 (. 17.2).
. 17.2.
17.1.
<BODY>
<P STYLE="font: 17pt Comic Sans MS"> Comic
Sans MS 17 </P>
</BODY></HTML>

, , -. <STYLE>, -
CSS
239
HTML-. HTML-. , <H1>

Verdana 14 .
17.2 (. 17.3).
. 17.3.
17.2.
<STYLE>
<!
BODY {
BACKGROUND: #FFFFFF;
COLOR: #000000;
}
H1 {
FONT: 14pt Book Antiqua;
COLOR: #CC0000;
}
P{
FONT: 12pt Times;
}
A {
COLOR: #FF0000; TEXT-DECORATION: NONE;
}
>
</STYLE></HEAD>
<BODY>
<H1> </H1>
<P >, <BR>: . <BR>
, <BR> .<BR></P><P ></P>
<P > ,<BR> <BR>
<BR> .<BR></P><P ></P>
<P > <BR> . <BR>
, <BR> .<BR></P><P ></P>
<P > ,<BR> , <BR>
, <BR> .<BR></P>
</BODY></HTML>
240
17.
17.3 (. 17.4). , , .
.
.
. 17.4.
17.3.
<HTML><HEAD>
<TITLE> CSS </TITLE>
</HEAD>
<STYLE>
.gray {color:gray; font-style:italic}
#boldunderline {text-decoration:underline; font-weight:bold}
</STYLE>
<BODY>
<P class="gray">. </P>
<P CLASS="gray" id="boldunderline"> </BR>
: </P>
<P Id="boldunderline"> , </BR>
</P>
</BODY></HTML>
. 17.5 ( 17.4).
17.4.
<STYLE TYPE=text/css>
H1 {
FONT-SIZE: 32px; COLOR: red; FONT-STYLE: italic
}
.blue {
COLOR: blue
}
#bold {
FONT-WEIGHT: bold
CSS
241
}
</STYLE></HEAD>
<BODY>
<H1> </H1> <FONT
CLASS=BLUE> </FONT> - , a <FONT ID=bold> </FONT> - .
</BODY></HTML>
. 17.5.

, , -.
, , .css.
-.
,
HTML-. , ,
.
. 17.6 CSS ( 17.5).
17.5. ,
<HTML><HEAD><TITLE> css-</TITLE>
<LINK href=" 17.6.files/style.css" type=text/css rel=stylesheet></HEAD>
<BODY bottomMargin=0 bgColor=#545454 leftMargin=100 topMargin=0 rightMargin=0
marginwidth="0" marginheight="0">
<H4>       </H4>
<H1> </H1>
<P> - ,<BR>
- ,<BR>
- . <BR>
<BR>
<BR>
.<BR>
<BR>
<BR></P>
242
17.
<H1></H1>
<P> , <BR>
.<BR>
<BR>
. <BR></P>
</BODY></HTML>
. 17.6. ,
css- style.css, . 17.6 -, 17.6.

17.6. css- -, . 17.6
BODY {
BACKGROUND: #FFFFFF;
COLOR: #000000;
}
H1 {
font-family: Helvetica, Arial;
font-size: 24 pt;
COLOR: #0000FF;
}
P {font-family: Garamond, Times;
font-size: 14 pt;
}

. , .
. 17.7 ( 17.7).
CSS
243
. 17.7.
17.7.
<style type="text/css">
<!
@import C:\Nina\PITER\ HTML\CD\ 17\17.8.css;
H3 {color: maroon; font-family: courier}
>
</style>
<HEAD><BODY>
<H3> </H3>
<p> <BR>
<BR>
HTML-<BR>
</P>
</BODY></HTML>
css- -, . 17.7,
17.8 ( 17.8.css).
17.8. css- -, . 17.7
<STYLE type="text/css">
h3 {color:crimson font-family:Arial Black}
p {background:cornsilk; font-family: times}
</STYLE>
,
17.8.css ( @import ),
-.
, <H3> . , . . <P> ,
.
244
17.

.
. 17.8 -, CSS ( 17.9).
. 17.8.
17.9.
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type=text/css>
A:link {
COLOR: #f0047f; TEXT-DECORATION: underline
}
A:active {
COLOR: red
}
A:visited {
COLOR: blue
}
BODY {
COLOR: black; BACKGROUND-COLOR: #e3ffe8
}
.text5 {
FONT-SIZE: 9px; COLOR: black; FONT-FAMILY:
245
Arial,Helvetica,sans-serif; TEXT-DECORATION: none

}
.text0 {
Arial Black; TEXT-DECORATION: none
}
.text2 {
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR:
black; FONT-FAMILY: Arial,Helvetica,sans-serif;
}
.text1 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR:
black; FONT-FAMILY: Arial,Helvetica,sans-serif;
}
.text19 {
FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY:
Arial,Helvetica,sans-serif
}
.tNormal {
Arial,Helvetica,sans-serif; TEXT-DECORATION: none
}
.para1 {
TEXT-ALIGN: center
}
.pNormal {
}
.box1 {
WIDTH: 2px; HEIGHT: 380px
}
.box2 {
}
.box3 {
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;
PADDING-TOP: 1px
}
.box4 {
}
.box6 {
LEFT: 392px; WIDTH: 148px; POSITION: absolute; TOP: 59px; HEIGHT: 130px
}
.box7 {
}
.box8 {
246
17.
17.9 ()
PADDING-RIGHT: 1px; PADDING-LEFT: 1px; LEFT: 414px;
PADDING-BOTTOM: 1px; WIDTH: 99px; PADDING-TOP: 1px;
POSITION: absolute; TOP: 440px; HEIGHT: 35px
}
.box9 {
}
.box10 {
}
.box13 {
}
</STYLE>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0>
<TBODY> <TR> <TD colSpan=15></TD> <TD vAlign=top width=1 height=2>
<IMG height=2 src="lettera1.files/qxwspacer.gif" width=1 border=0>
<! >
</TD></TR> <TR><! 1> <TD></TD><! 1>
<TD vAlign=top width=55 height=23><! 2>
<DIV class=box3>
<DIV class=para1><SPAN class=text5>- </SPAN></DIV>
<DIV class=para1><SPAN class=text5></SPAN></DIV></DIV></TD>
<TD colSpan=13></TD><! 3>
<TD vAlign=top width=1 height=23><! 4 >
<IMG height=23 src="lettera1.files/qxwspacer.gif" width=1
border=0></TD></TR><! >
<TR><! 2> <TD colSpan=15></TD><! 1>
<TR><! 3> <TD colSpan=14></TD><! 1>
<TD vAlign=top width=2 height=380 rowSpan=11><! 2>
<DIV class=box1>
<IMG height=380 src="lettera1.files/Line12.gif" width=2
border=0></DIV></TD><! >
<TR><! 4> <TD colSpan=3></TD><! 1>
<DIV class=box2>
<IMG height=377 src="lettera1.files/Line5.gif" width=2 border=0></DIV></TD><!
>
247

<TR><! 5> <TD colSpan=3></TD><! 1>
<TR><! 6> <TD colSpan=3></TD><! 1>
<DIV class=box4>
<IMG height=131 alt=Lena1.gif src="lettera1.files/Lena1.gif" width=100
border=0></DIV></TD>
<TR><! 7> <TD colSpan=3></TD><! 1>
<TD></TD><! 3>
<TD vAlign=top width=200 colSpan=4 height=73><! 4>
<DIV class=box3>
<DIV class=pNormal><SPAN class=text2>
</SPAN></DIV>
<DIV class=pNormal><SPAN class=text2> , , !
</SPAN></DIV></DIV></TD><! 5>
<TD></TD><! 6>
<TD vAlign=top width=1 height=73><! 7 >
<TR><! 8>
<TR><! 9>
<TR><! 10>
<TD vAlign=top width=314 colSpan=4 height=40 rowSpan=2><! 3>
<DIV class=box3>
<DIV class=pNormal><SPAN class=text1>
</SPAN></DIV>
<DIV class=pNormal><SPAN class=text1> . .
248
17.
17.9 ()
</SPAN></DIV></DIV></TD>
<TD colSpan=4></TD>
<TD vAlign=top width=1 height=39><IMG height=39
src="lettera1.files/qxwspacer.gif" width=1 border=0></TD></TR>
<! >
<TR> <TD colSpan=6></TD> <TD colSpan=4></TD>
<TD vAlign=top width=1 height=1><IMG height=1 src="lettera1.files/qxwspacer.gif" width=1
border=0></TD></TR>
<! >
<TR> <TD colSpan=14></TD>
<TD vAlign=top width=1 height=1><IMG height=1
src="lettera1.files/qxwspacer.gif" width=1 border=0></TD></TR>
<! >
<TD vAlign=top width=1 height=55><IMG height=55 src="lettera1.files/qxwspacer.gif"
width=1 border=0></TD></TR>
<! >
<TD vAlign=top width=348 colSpan=7 height=71>
<DIV class=box3>
<DIV class=para1><SPAN class=text1>
</SPAN></DIV>
<DIV class=para1><SPAN class=text1>
</SPAN></DIV>
<DIV class=para1><A href="ninapetergof@mail.ru"><SPAN
class=text19>email:ninapetergof@mail.ru</SPAN></A><SPAN
class=text1><BR></SPAN></DIV>
<DIV class=para1><SPAN class=text1>http://www.uprint.spb.ru
</SPAN></DIV></DIV></TD>
<TD colSpan=3></TD>
<TD vAlign=top width=1 height=71>
<TR> <TD vAlign=top width=2 height=1>
<IMG height=1 src="lettera1.files/qxwspacer.gif" width=2 border=0></TD>
<! >
<! >
<! >
<! >
<! >
249
<! >
<! >
<! >
<! >
<TD vAlign=top width=62 height=1><IMG height=1 src="lettera1.files/qxwspacer.gif"
width=62 border=0></TD>
<! >
</TD><! >
</TD><! >
<! >
<! >
<! >
<! >
</TR></TBODY></TABLE>
<DIV class=box6><IMG height=130 alt=Lena.gif src="lettera1.files/Lena.gif" width=148
border=0> <! > </DIV>
<DIV class=box7><IMG height=182 alt=flower.gif src="lettera1.files/flower.gif" width=208
border=0>
<IMG height=5 src="lettera1.files/qxwspacer.gif" width=1 align=right
border=0></DIV><! >
<DIV class=box8>
<DIV class=pNormal><SPAN class=tNormal> , </SPAN></DIV>
<DIV class=pNormal><SPAN class=tNormal> </SPAN></DIV></DIV>
<DIV class=box9>
<IMG height=1 src="lettera1.files/Line16.gif" width=350 border=0></DIV>
<DIV class=box10><IMG height=98 alt=logo.gif src="lettera1.files/logo.gif" width=314
border=0></DIV>
<DIV class=box13><IMG height=343 alt="Text" src="lettera1.files/Text.gif" width=22
border=0></DIV>
</BODY>
</HTML>
. 17.9 -, CSS ( 17.10).
250
17.
. 17.9.
17.10.
<HTML><HEAD><TITLE> css</TITLE>
<META HTTP-EQUIV=Content-Type CONTENT="text/html; CHARSET=windows-1251">
<LINK HREF=" 17.10.files/style.css" type=text/css rel=stylesheet>
<META CONTENT="MSHTML 6.00.2600.0" NAME=GENERATOR></HEAD>
<BODY bottomMargin=0 bgColor=#DDDBBB leftMargin=0 topMargin=0 rightMargin=0
marginheight="0" marginwidth="0">
<IMG ID=BGMMM STYLE="DISPLAY: none; LEFT: 163px; POSITION: absolute; TOP: 74px"
SRC=" 17.7.files/lfon.gif">
<TABLE style="BACKGROUND: url(img/bg.jpg) no-repeat left top" height="100%"
cellspacing=0 cellpadding=0 width="100%" border=0>
<TBODY> <TR> <TD HEIGHT=36>
<TABLE HEIGHT="100%" CELLSPACING=0 CELLPADDING=0 WIDTH="100%" BORDER=0>
<TBODY> <TR> <TD WIDTH=339 BACKGROUND="">&NBSP;</TD>
<TD ALIGN=LEFT BACKGROUND="FF00FF"><IMG WIDTH=547 HEIGHT=446
src=" 17.10.files/
.jpg"></TD></TR></TBODY></TABLE></TD>
<TR HEIGHT=1> <TD>, -</TD>
<TR HEIGHT=119> <TD
STYLE="PADDING-LEFT: 350px; FONT-SIZE: 18px; PADDING-TOP:
40px; FONT-FAMILY: Arial"
ALIGN=MIDDLE></TD>
<TR> <TD style="PADDING-RIGHT: 20px; PADDING-BOTTOM: 0px" VALIGN=TOP>
<TBODY> <TR> <TD WIDTH=200>
<TBODY></TBODY></TABLE></TD>
<TD ALIGN=RIGHT <P>
<P ALIGN=RIGHT>
<A CLASS=TEXT HREF=" 17.10.files/ .jpg"> </A><P
align=right> </P></TD></TR></TBODY></TABLE></TD>
251
<TR align=left height=155>

<TD>
<SPAN style="WIDTH: 200px; POSITION: absolute; HEIGHT: 155px"></SPAN>
<SPAN style="WIDTH: 443px; HEIGHT: 100%"> </SPAN></TD></TR></TBODY></TABLE>
<TABLE STYLE="LEFT: 0PX; POSITION: ABSOLUTE; TOP: 0PX" HEIGHT=260 CELLSPACING=0
CELLPADDING=0 WIDTH=367 BORDER=0>
<TBODY><TR HEIGHT=63><TD>&NBSP;</TD>
<TR HEIGHT=24><TD ALIGN=RIGHT>
<A CLASS=MENU HREF=" 17.10.files/ .htm"> </A><IMG
HEIGHT=1 SRC=" 17.10.files/dot.gif" WIDTH=0></TD>
<TR HEIGHT=24>
<TD ALIGN=RIGHT><B CLASS=MMENU
onmouseover="mmm.style.display=inline;bgmmm.style.display=inline;"
onmouseout="mmm.style.display=none;bgmmm.style.display=none;">
</B>
<SPAN class=spn id=mmm
onmouseover="mmm.style.display=inline;bgmmm.style.display=inline;"
style="DISPLAY: none"
onmouseout="mmm.style.display=none;bgmmm.style.display=none;">
<IMG HEIGHT=20 SRC=" 17.10.files/dot.gif" width=118>
<A CLASS=MENU HREF=" 17.10.files/.htm"></A>
<SPAN CLASS=SPN STYLE="LEFT: -40px; TOP: 16px">
<IMG height=20 src=" 17.10.files/dot.gif" width=100>
<A CLASS=MENU HREF=" 17.10.files/ .htm"> </A>
<A CLASS=MENU HREF=" 17.10.files/ .htm">
</A>
<SPAN CLASS=SPN STYLE="LEFT: 0px; TOP: 16px">
<A CLASS=MENU HREF=" 17.10.files/ .htm">
</A>
<IMG HEIGHT=20 SRC=" 17.10.files/dot.gif"width=58>
<IMG height=20 src=" 17.10.files/dot.gif"
width=64> </SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN></SPAN>
252
17.
17.10 ()
<IMG HEIGHT=1 SRC=" 17.10.files/dot.gif" width=52></TD>
<TR HEIGHT=24> <TD ALIGN=RIGHT><A CLASS=MENU HREF=" 17.10.files/
.htm">
</A><IMG HEIGHT=1 SRC=" 17.10.files/dot.gif" WIDTH=92></TD>
<TR HEIGHT=24><TD ALIGN=RIGHT><A CLASS=MENU HREF=" 17.10.files/ .htm">
</A><IMG HEIGHT=1 SRC=" 17.10.files/dot.gif" width=152></TD>
<TR HEIGHT=24> <TD ALIGN=RIGHT><A CLASS=MENU STYLE="LETTER-SPACING: 1px"
HREF=" 17.10.files/ .htm"> </A>
<TR HEIGHT=24><TD ALIGN=RIGHT><A CLASS=MENU STYLE="LETTER-SPACING: 1px"
href=" 17.10.files/ .htm"> </A>
<TR HEIGHT=24><TD ALIGN=RIGHT><A CLASS=MENU STYLE="LETTER-SPACING: 1px"
HREF=" 17.10.files/ .htm">
</A><IMG height=1 src=" 17.10.files/dot.gif" width=207></TD>
<TR><TD></TD></TR></TBODY></TABLE>
<STYLE>#bn {
DISPLAY: block
}
#bt {
DISPLAY: block
}
</STYLE>
</BODY></HTML>
<SPAN>,
, . <SPAN>
HTML 4.0 .

. , , . . HTML-: , , , .
.
18

-
, -,
, , , -
.
- Adobe Photoshop
.
254
18. -

.
File4Open (4). ,
, . 18.1.
. 18.1.
(. 3), - , Adobe Photoshop.

(, PSD Adobe
Photoshop) , -. File4Save as (4 ). , . 18.2.
255
. 18.2.

Format (). GIF CompuServ GIF
(*.GIF), . 18.2, Save ().

, , - , , ,
. . , .
Adobe Photoshop , , . : Rectangular Marquee Tool ( ), Elliptical Marquee Tool ( ), Single Row Marquee Tool ( ), Single Column Marquee Tool ( ),
256
18. -
: Lasso Tool (), Poliganol Lasso Tool ( ), Magnetic Lasso Tool ( ). ,

Magic Wand ( ), .

(. 18.3).
. 18.3.
, Select
(), :
All (), Deselect ( ),
Invert (), Reselect ( ).
, , -,
, - . , , . Image4Image Size (4
), , . 18.4.
, -, WEIGHT HEIGHT HTML, , , .
. 18.4 . Image Size ( ), 180 ,
36,5827,43 . , (
3 ) -. . 18.5
.
257
. 18.4.
. 18.5.
132 (!),
, 24 . ,
,
, ,
, .
258
18. -

Adobe Photoshop . , ,
, , ,
. ?
.
.
Adjustments
() Image ().
, . 18.6.
Brightness/Contrast (/
), (
) Image4Adjustment4Brightness/Contrast
(44/). , Brightness () Contrast ()
.
. 18.6.
18.7 ,
, Image4Adjustments4Hue/Saturation (44/).
18.8 , , Image4Adjustments4Color Balance
(44 ), .
. 18.7. ,
. 18.8.
. 18.9.
259
260
18. -
Crop ()
Image4Crop (4) .
, , .
. 18.9 - ,
( . 18.6).

- Adobe Photoshop. ,
,
, , .

!
<!DOCTYPE>, 222
<A>, 26, 199
<ABBR>, 49
<ACRONYM>, 49
<APPLET>, 95
<AREA>, 67
<B>, 43
<BASEFONT>, 38
<BIG>, 43
<BLOCKQUOTE>, 47
<BODY>, 25, 77, 236
<BR>, 38
<CAPTION>, 121
<CENTER>, 40
<CODE>, 51
<COL>, 120
<COLGROUP>, 121
<COMMENT>, 96
<DD>, 114
<DFN>, 50
<DIR>, 116
<DIV>, 39, 227, 230
<DL>, 114
<EM>, 50
<EMBED>, 199
<FONT>, 36
<FORM>, 153
<FRAME>, 166
<FRAMESET>, 165
<H1>, 35
<HEAD>, 25, 223, 235
<HR>, 87
<HTML>, 25, 222
<I>, 43
<IMG>, 57
<INPUT>, 154, 156
<INS>, 53
<KBD>, 52
<LAYER>, 227, 231
<LI>, 104
<LINK>, 225
<LISTING>, 54
<MAP>, 67
<MARQUEE>, 99
<MEDIA>, 97
<MENU>, 116
<NOBR>, 46
<NOFRAME>, 166
<OBJECT>, 96
<OL>, 104, 105
<OPTION>, 159
<P>, 24, 38
<PRE>, 24, 41
<Q>, 48
<S>, 45
<SAMP>, 52
<SCRIPT>, 95
<SELECT>, 159
<SMALL>, 43
<SPAN>, 44, 252
<STRIKE>, 43
<STRONG>, 43
<STYLE>, 96, 238
<SUB>, 43
<SUP>, 43
<TABLE>, 119
<TBODY>, 121
262
<TD>, 120
<TEXTAREA>, 162
<TFOOT>, 122
<TH>, 121
<THEAD>, 122
<TITLE>, 24
<TR>, 120
<TT>, 43, 51
<TYPE>, 96
<U>, 43
<UL>, 109
<VAR>, 43
<WBR>, 46
<>, 190
<J>, 201
A
ACCESSKEY, 69, 191
ACTION, 154
ADDRESS, 41
Advanced Research Project Agency
(ARPA), 14
AIFF, 203
ALIGN, 35, 38, 57, 87, 99, 119122, 169
ALINK, 30
ALT, 57, 68
AUTOPLAY, 199
AVI, 202
B
BACKGROUND, 29, 119, 122, 231
BASEFONT, 36
BEHAVIOR, 99
BGCOLOR, 29, 78, 99, 119122
BGPROPERTIES, 30
BORDER, 57, 119, 122, 166
BORDERCOLOR, 119
BOTTOMMARGIN, 30
C
Cascading Style Sheets (CSS), 18, 234
CELLPADDING, 119
CELLSPACING, 119
CENTER, 35, 38
CHARSET, 96
CHECKBOX, 156
CHECKED, 156
CITE, 47
CLASS, 114, 227, 237
CLEAR, 39
CLIP, 231
COLOR, 37
COLS, 162, 166
COLSPAN, 122
COLSPEC, 120
COMPACT, 114
CONTROLLER, 199
COORDS, 68
D
DEFER, 96
DIRECTION, 99
Document Type Definition
(DTD), 15, 222
Domain Name System (DNS), 15
dpi, 60
E
Extensible Markup Language (XML), 18
F
FLC, 201
FLI, 201
FRAME, 123, 190
FRAMEBORDER, 166, 168 - 169
H
HEIGHT, 57, 99, 169, 199, 231, 256
HIDDEN, 156
HREF, 68, 190, 225
HSPACE, 57, 99, 119
HTTP-EQUIV, 224
HyperText Markup Language
(HTML), 15, 22
HyperText Transfer Protocol (HTTP), 15
I
ID, 114, 120, 123, 190, 227, 231
IMAGE, 156
Internet Explorer, 25, 27
ISMAP, 57, 66
JavaScript, 232
Java-, 95
JUSTIFY, 35, 38
PASSWORD, 156
PLUGINSPAGE, 200
ppi, 60
PSD, 254
L
LANG, 114
LANGUAGE, 96
LEFT, 35, 38, 231
LEFTMARGIN, 30
LINK, 30, 78
LONGDESC, 57
LOOP, 99, 199
M
Macromedia Flash, 201
MARGINHEIGHT, 168, 169
MARGINWIDTH, 168, 169
MAXLENGTH, 156
META-, 223
META-, 223
METHOD, 154
METHODS, 190
MIDI, 204
Mosaic, 25
MOV, 202
Moving Pictures Experts Group
(MPEG), 202
MP3, 204
MPEG, 202
N
NAME, 67, 154, 156, 162, 168, 169, 190,
223
Netscape Navigator, 25
NOHREF, 68
NONE, 39
NORESIZE, 168
NOSHADE, 87
NOWRAP, 122
O
ONBLUR, 69
ONFOCUS, 69
263
Q
QuickTime, 202
R
RADIO, 156
Real Audio/Video, 205
RealPlayer, 205
REL, 225
RESET, 157
REV, 225
RGB, 37
RIGHT, 35, 38
RIGHTMARGIN, 30
ROWS, 162, 166
ROWSPAN, 122
RULES, 123
S
SCROLLAMOUNT, 99
SCROLLDELAY, 99
SCROLLING, 168, 169
SHAPE, 67
Shockwave Flash (SWF), 201
SIZE, 36, 87, 154, 156
spi, 60
SRC, 57, 96, 156, 168, 169
Standard Generalized Markup Language
(SGML), 15
START, 105
STYLE, 114, 228
SUBMIT, 157
SWF, 201
T
TABINDEX, 68
TARGET, 68, 154, 169
TEXT, 30, 78, 157
TITLE, 68, 190
TOP, 231
TOPMARGIN, 30
TYPE, 96, 105, 109, 156, 225
264
U
Uniform Resource Identifier (URI), 47
Uniform Resource Locator (URL), 189
USEMAP, 57, 69
V
VALIGN, 120122
VALUE, 157
VLINK, 30
VSPACE, 57, 99, 120
W
WAV, 203
WEIGHT, 256
WIDTH, 57, 87, 99, 120, 169, 199, 231
Windows Media Player, 205
Windows Media Server, 205
Word Wide Web (WWW), 22
World Wide Web (WWW), 15
World Wide Web Consortium
(W3C), 17, 222
Z
ZEL, 201
, 49
, 38
, 49
, 57
, 19
, 28
, 208
, 207
, 99
, 25
Microsoft Internet Explorer, 17
Mosaic, 17
Netscape Navigator, 17
(Vannevar Bush), 15
-, 25
-, 22
-, 22
-, 14
, 112
, 184
, 96
, 192
, 191
, 256
, 238
, 255
, 255
, 255
, 255
, 65
, 120
, 120
, 35, 40
, 15, 26
, 26
, 114
, 87
, 35
, 57
, 201
, 201
, 60
, 196
, 57
, 237
, 205
, 232
, 218
, 121
, 35
, 203
, 236
, 258
, 254
, 256
, 256
, 254
, 242
Crop, 260
Elliptical Marquee, 255
Lasso, 256
Magic Wand, 256
Magnetic Lasso, 256
Poliganol Lasso, 256
Rectangular Marquee, 255
Single Column Marquee, 255
Single Row Marquee, 255
, 14, 22
, 94
, 260
, 234
, 89
, 157
, 48, 49, 96
W3C, 236
, 219
, 256
, 256
, 256
, 87
, 96
, 256
, 109
, 104, 109
file, 189
ftp, 189
http, 189
mailto, 189
265
()
news, 189
telnet, 189
, 162
, 160
, 256
, 51
, 199
, 165
, 43
, 46
, 104
, 96
, 236
META-, 235
-, 50
, 222
, 208
, 220
, 156
, 61, 74
, 184
, 238
URL-, 218
, 217
, 219
, 219
, 156
, 220
, 205
, 204
, 204
, 236
, 41
, 54
, 204
, 255
266
, 60, 256
, 38
, 219
, 215
, 236
, 241
, 238
, 220
, 89
, 92

, 236
, 236
, 236
, 236
, 236
, 232
, 227
, 227
, 228
e-mail, 15
Usernet, 15
, 92
, 112
, 159
, 104, 109
, 160
, 104
, 104, 114
, 188
, 192
, 191
, 196
, 78
, 96, 235
, 238
, 242
, 238
, 241
, 120
, 99
, 46
, 120
, 15
, 95
, 119
, 119
, 120
, 120
, 80
, 120
, 24, 28
, 38
, 49
, 57
, 35, 40
, 49
, 43
, 46
, 50
, 41
, 36
, 34
, 47
, 36
, 50
, 228
Java, 208
QuickTime, 206
Real Audio/Video, 205
ShockWave, 208
Windows Media Player, 205
Windows Media Server, 205
-
(Tim Berners-Lee), 15
, 222
, 189
, 156
, 77
, 77
, 154
AIFF, 203
AVI, 202
BMP, 59
GIF, 58, 208, 255
JPEG, 59
JPG, 208
MIDI, 204
MOV, 202
MP3, 204
MPEG, 202
PCX, 60
PNG, 59
PSD, 254
QuickTime, 202
SWF, 201
WAV, 203
, 41
, 164
, 184
, 184
, 78
, 78
, 36
, 47
, 214
, 214
, 220
, 36, 51
, 50
, 236
, 156
, 255
Dynamic HTML, 19
Java, 19
JavaScript, 19
Perl, 20
PHP, 19
VBScript, 19
, 193
, 120
267

, ,
,
. , ., . 2/1, . 1, 6 ;
./: (495) 2343815, 9743450; email: sales@piter.msk.ru
4 . , . ., . 29;
./ (812) 7037373, 7037372; email: sales@piter.com
., . 169; ./ (4732) 394362, 396170;
email: pitervrn@omch.ru
. , . 11; ./ (343) 3789841, 3789842;
mail: office@ekat.piter.com
. , . 13; . (8312) 412731;
email: office@nnov.piter.com
. , . 36;
./ (383) 3509285; email: office@nsk.piter.com
44 . , . 26; . (8632) 699122, 699130;
mail: piterug@rostov.piter.com
. , . 33, 2, 225; . (846) 2778979;
email: pitvolga@samtel.ru
. , . 12, 1011; ./ (1038067) 5455564,

(1038057) 7511002; mail: piter@kharkov.piter.com
. , . 6, . 1, 33; ./ (1038044) 4903568, 4903569;
mail: office@kiev.piter.com
. , . 34, 2; ./ (1037517) 2014879, 2014881;

mail: office@minsk.piter.com
, .
: (812) 703473473.
E4mail: fuganov@piter.com
.
: 4 (812) 703473472,
(495) 974434450.
: (812) 7037373.
mail: kozin@piter.com

HTML

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML

Uploaded by

Copyright:

Available Formats

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Windows Media Server Windows Media Player . . . . . 205

m DNS (Domain Name System, DNS). DNS IP-.

m HTML 4.01. 1999 . ,

. 1.3. TXT- HTML-

HTML- WWW . ( . browse

, <HTML> </HTML> HTML-

. 1.6. Internet Explorer

HTML 3.2, . (. 17).

<BASEFONT> HTML 3.2. (. 17),

HTML 2.0, , <P> </P>

<B>, <I>, <TT>, <STRONG> HTML 2.0, <U>, <BIG>,

<VAR> HTML 2.0. .

<S> . , <S> </S>,

<S> HTML 4.0. W3C

2.15. -, <WBR> <NOBR>

. 2.15. -, <WBR> <NOBR>

HTML 2.0. <Q>.

<ACRONYM> HTML 4.0.

<CITE> HTML 2.0.

<EM> HTML 2.0, .

<CODE> HTML 2.0;

<KBD> HTML 2.0.

<SAMP> HTML 2.0. .

m SRC. SRC ( . source ) , . URL , , .

GIF .gif. GIF- , . , ,

. 3.4 92 114 ( 3.4).

m ALT. ALT , <AREA>. :

<IMG> <A>. ISMAP ,

SHAPE=CIRCLE COORDS=310,80,70 HREF="Mather.htm">

<TR><TD><A HREF = graph1.htm> </A>

<TD ALIGN=MIDDLE BGCOLOR=#C0F0E0><FONT COLOR=BLACK SIZE=2>CORNFLOWER-

<TD ALIGN=MIDDLE BGCOLOR=LIGHTSALMON><FONT COLOR=BLACK SIZE=2>LIGHTSALMON--<BR>(#FFA07A)</FONT> </TD>

<TD ALIGN=MIDDLE BGCOLOR=SKYBLUE><FONT COLOR=BLACK SIZE=2>SKYBLUE-

<H5 ALIGN=CENTER>, <BR> , <BR>

<FONT COLOR=LIME> &LT; FONT COLOR=LIME &GT;<BR>

, IANA (Internet Assigned Numbers Authority), ISO-8859-1 US-ASII.

LEFT ( ), RIGHT <BR>

<OL> TYPE START. :

iii . 7.5 ( 7.5).

m <DT>. <DT> ( . Definition Term , )

m <DD>. <DD> ( . Definition Description ) ,

m ALIGN. ALIGN . LEFT (),

m VALIGN. VALIGN . MIDDLE (

m ALIGN. ALIGN . LEFT (),

m VALIGN. VALIGN . MIDDLE (

<TBODY> BGCOLOR, ALIGN, VALIGN,

<THEAD> BGCOLOR, ALIGN, VALIGN, ID,

<TFOOT> BGCOLOR, ALIGN, VALIGN, ID,

, , 8.5, . 8.5. , <CAPTION>, .

, , WIDTH, 100 %, 8.7 (. 8.7).

, CELLPADDING, 20, 8.10 (. 8.10).

, , ROWSPAN COLSPAN, 8.11 (. 8.11).

, , ROWSPAN COLSPAN , 8.12 (. 8.12).

<TR><TD></TD><TD ALIGN=CENTER>184</TD><TD ALIGN=CENTER>88</TD></TR>

<TD ALIGN=MIDDLE> </TD>

<TD> 12 </TD> <TD> 13 </TD></TR>

, , , . 8.19, , 8.21 (. 8.21).

<TABLE BORDER CELLSPACING=10 WIDTH="100%">

<TABLE CELLSPACING=10 BORDER=15>

<TABLE WIDTH=70% BORDER=0 CELLPADDING="5">

VALUE="9600" CHECKED> 9600 / <BR>

9.4 , (TYPE=SUBMIT). . 9.4.

m ROWS. ROWS , (%) (*), :

. , . 12, 1011; ./ (1038067) 5455564,

. , . 34, 2; ./ (1037517) 2014879, 2014881;