Вы находитесь на странице: 1из 322

IV

HTML

HTML



HTML



,

HTML-

HTML-



HTML-
Web

..

HTML

HTML
..

-
2003

32.973.26-018.2.75
52
681.3.07
""
. ..

"" :
info@dialektika.com, http://www.dialektika.com

..

52

HTML. . : . : "", 2003.


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


.

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

- "", 2003


. ""

12

1. HTML

19

2.

25

3. ""

34

4.

41

5.

55

6.

61

7.

75

8. Web-

91

9.

113

10.

131

11.

161

12.

185

13. HTML-

213

14. Web-

221

15.

229

16.

253

265

. HTML

292

. 308

316


. ""
HTML
Notepad
HTML

12
12
15
16
17
17

1. HTML

19

""
HTML
:

19
20
21
22
23
23

2.


3. ""

4.
<FONT>

25
25
28
29
31
32

34
34
36
39
39

41
41
41
44
47
49
50
51
52
53

5.

6.
""


HTML ...
?

7.
HTML





8. Web-

:\ WWW





55
55
57
58
59

61
61
62
63
64
65
67
67
68
71
71
72

75
75
76
79
81
83
84
86
87
88

91
91
92
94
95
99
100
103
104
105
106
109
110

9.

"" Internet

,
-

113
114
115
116
120
126
127
128

10.

131
133
134
136
139
142
143
144
145
147
150
152
154
155
156
159
160

11.




12.


161
161
164
165
169
171
177
178
182
182

185
185
187
188
192

13. HTML-
Web-


14. Web-

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

15.








197
202
206
207
210
211

213
213
214
217
218
219
219

221
221
222
224
224
225
226
226
226
227
227
227
227
227

229
229
230
231
232
233
236
237
241
246
247
248
251
251

16.

253

HTML




253
253
255
258
258
261
263
263

265

. HTML

292

308

316

10


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

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

HTML

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

HTML- ?
, , ,
. !
? .
Internet .
, ,
, .
, HTML,
Internet, .

.
.
, , . , 33,6 /. , (,
!) 33,6 / 8 = 4,2 .
,
, .
, . , . , 4,2 / 1,5 = 2,8 . ? , , , , .
, 1 . , , Web- 2,8 * 60 =
168 . , 14,4 /
72 , 54,6 / 273 .
, .
, Web- 100
150 , , 250 .
HTML- , . , .
, , , .
. , , 8.
, .
Web- , - . , Internet , , , , , .
""

13

Internet Web-.
. , , Word 2000
Word. ? Explorer () - Commander
. ? ,
HTML , . ...
, Web .
Internet?
. Web- ,
Internet .
? , -, , -, . HTML . . , , .
, HTML- Word.
. ? Pentium II? . -? !
""? -, ... ? , .
, - . ...
... Web-... ? ?! -, ...
? Windows 98... NT... 2000... ... " " ... UNIX? , ,
...
... , , Web- ... , .
, , . . ,
.
, Internet, ,
"" ,
. PC, Macintosh, . , . ? : , Web- ? , ... , ? , , .
: ?
, , , , , . ? .
, , , , , .. (
), - "" , . .
. , , , , ,
, , - -

14

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


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

Notepad
Notepad, Windows Web-.

HTML, MacroHTML HomeSite. , , , , .
. : HTML .
. .
HTML- , Microsoft
FrontPage Express Web- Macromedia
DreamWeaver. ,
, Word. , Word 2000
HTML-.
HTML- ,
HTML. ,
, , Pascal .
. , , , , , , , Pascal
. : -
. ,
. , , , , . HTML- Web-
,
, , , Delphi.
""

15

, .
, . , , .
-
. : " !". : " HTML-
, FrontPage,
HTML".
HTML-?
HTML- ,
. ,
, . HomeSite, 1st Page, Arachnophilia Easy HTML. . .
, Web- -
. , ( ),
, .
1st Page: www.evrsoft.com
Arachnophilia: www.arachnoid.com
HomeSite: www.macromedia.com
Easy HTML: www.ukrwest.net
: FreeSoft (www.freesoft.ru), Freeware.ru
(www.freeware.ru), ListSoft (www.listsoft.ru), Softarea (www.softarea.ru) .

HTML

HTML . ,
. , HTML ,
: BASIC JavaScript
, .
, HTML ,
, . HTML , ,
. Web- - ,
, ,
Java JavaScript (. 16). " HTML"
. "HTML-".
16


HTML, ,
Web-, , ,
. HTML- , , . HTML .
HTML- , . HTML-
: . HTML-
, , HTML, . ,
Microsoft FrontPage Express.
HTML, . , , , ,
, -. HTML- , MacroHTML HomeSite.
HTML .
HTML- - , , -
,
, HTML,
JavaScript.

1. ?
) Microsoft Word
) Microsoft Internet Explorer
) Microsoft FrontPage Express
r) HomeSite
) Netscape Navigator
) Opera
) Mozilla
) Notepad
) PhotoShop
) Google.com
2. HTML?
""

17

) Microsoft Word
) Microsoft Internet Explorer
) Microsoft FrontPage Express
r) HomeSite
) Netscape Navigator
) Opera
) Mozilla
) Notepad
) Windows
) Linux
) PhotoShop
) Google.com
3.
HTML-?

) Microsoft Word
) Microsoft Internet Explorer
) Microsoft FrontPage Express
r) HomeSite
) Netscape Navigator
) Opera
) Mozilla
) Notepad
) Windows
) Linux
) PhotoShop
) Google.com

18

HTML
...
* ""
4 HTML
f :
*

""
, Notepad , , ... .
: "" " " ? Notepad .
- :
, !
. , , testhtml.
. : ^ (File => Open), .
Internet, HTML
. -. , Web- ...
Web-
. " " Internet
Explorer, Netscape Navigator, Opera. : " ",
, , ,
, .
? ...
, ? .
(Coding) - , (View).
. , Windows 8-. , , , -,

Web-
. ...

HTML
- ?..
.
"", , (tags).
, tag "",
"", "". HTML ,
. , "" "": <>.
: , , ,
, , "" .
:
, , ( , , , , , Windows):

, <1> </1> !
, .
, , , , . "":

, <2> !
, , , :

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


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

: , . , -...

20

:
- .
: , , Word ? ,
<Ctrl+I>. , Word
I, . I? - Italic. HTML
<1> </!>. ,
, .
?
, , "" :
, <1></1> !
"" . , (View Refresh). . , IE <F5>.
, (. 1.1)? .
, - HTML.
, . , , , Notepad .txt. .htm .html. He HTML Notepad -
. ,
: testhtml.html. , (. 1.2).

, <1></1> !

D:\My docs\DIALECT\HtmlTutoiYrESTHTMLM

, <1></1> !

. 1.1. ,
, , , . , Web- ,
"" . , ,
: . , !

HTML

21

, <1></1> !

,
!

. 1.2.
HTML-, .htm .html


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

'

' . ..,

"-..I,.

..'

'}

OSwuunTt,

'

4"

'

) LHCPiHImlTuto^TESTHTM

,
!

. 1.3. <1> <>


22



HTML-, .htm .html.
HTML , . ,
"" "", : <I>, <U>, <>.
() (),
.
, , :
<1> </!>
.
, :
<1> <> </> </!>
: , , .

1. HTML- ?
) , <1> </1>?
) : <!></!>
) <\1> <1>

2. HTML- ?
) <U>
) I

) , : <1><></></1>
) HTML
<1><></1></>

3. HTML-?

HTML-,
<Uxi>.htm</I> <B>.html</Bx/U>
) HTML-,
.htm .html
) HTML-,
.htm .html
) HTML-,
.htm .html
HTML

23

...
4
+
4



! , , . , - . , . - , :
,
.
() <1><>.. </></1>

,
.
() <1><>.. </></1|>

J D:\My docs\DIALECT\HtmlTutof\TESTHTMLhtml

,
. () ..

. 2.1. :

, ".. " ,
. (. 2.1).
? ?
, ?

, HTML-:
, .
. ,
. ,
,
.
, HTML
<> paragraph, "" (
), "". , :
<> ,</>
< .</>
1><>.. </></1></>
(. 2.2).

> .</>
.</>
</></1/>

, g
.
() .

. 2.2. HTML
<>
? , , Word? , :
<> , </>
< . </>
. </></1></>
-... , "" (. 2..
, ? - 6pi
, ? , (. . 2.3):
<> , </>
< . </>
. </></1></>

26

, ...

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

,
. </>
>() <1>.. </></1/>

D:\My docs\DIALECT\HtmlTuWi\TESTHTMLhtml

, j
.
() ..

. 2.3. "" .

|<> .</>
|< .</>
|<>8;</>
1<>() <1><>.. </></1/>

} D:\Mydocs\DlALECTV-ftmlTutoi\TESTHTMLhtnil

,
.

() ..
. 2.4. ""
,
: . ,
.

27

: ( , , ) ,
, . .
7 Notepad?
Snbsp ( 3):
<> ,</>
< .</>
<P>&nbsp</p>
1><>.. </></1></>
(. 2.4) !


, : " ", , .
? , , .. ,
?
, . , . , , . ,
HTML .
, <>.
HTML . HTML . , . . , :

< 1=! 2=2 ...>


<> align.
left, right, center justify. , , ,
"" , . , justify , IE .
, < align=right>. - (. 2.5):
<> ,</>
< .</>
<P>&nbsp</p>
< align=right>(c) <1><>.. </></1></>
, !

28

<> ,</>
< .</>
<P>8nbsp;</P>
< ali9n=right>(C) <IXB>fl.C. </>1</1/> %

DAMydocs\DIALECT\HtmrTutoATESTHTML.html
^SAKStKti(^ilf'^Sil'u:iiii^1^U1'

,
.

() ..
. 2.5.
align

, , HTML ,
. "" ,
, , , "", ..
.
. : " " . . , , Internet
. , ,
, . , , -
, .
.


- ? . <> .
<BR>. , , Word " ". :
,
;

29

. ,
"", (. 2.6):
<> ,<BR>
.</>
< align=right>(c) <1><>.. </></1></>
, !

<> .<BR>
.</>
alion=rioht>(C) <1><>.. </></1/>

D:\My docs\DIALECTV-mrTutoi\TESTHTMLhtml


.
() ..
. 2.6.
, <> <BR>

: <BR> . . : ""
, , .
, <> . "" ,
. . <1> <> , .
, HTML- ,
. - . , .
. , , , HTML- ,
.
, , -
. , .
, . < align=right> < align = right>.

30

. ,
: < ALIGN=RIGHT>, <P Align=Right>
< align=right>. , HTML- .
.
. HTML-,
. :
<! >
: ,
, . ,
- ,
HTML-.

,
, HTML .
HTML- <>.
, ,
<> align, left, right, center justify, . , :
< align = center> -
, , , <> ,
: .
<> , - . Snbsp;,
<BR>. , align <>.
, , HTML, , ,
, .
, , HTML-
.
, .
, . HTML- <! -->:
<!-- >

31


1. HTML- ?
) <> , <>
) <> , <></>
) <> , </>
) <R> , P</R>
) ,
2. ?

) < align = center> ?


) < align = left> ?
) < align = right> ?
) < align = justify> ?
) <> ?
) < align> ?
3. HTML- ?

) < align=center>
) < ALIGN=CENTER>
) <P_align=center>

) <
align = center>
) < aLiGn=cEnTeR>
) < center = align>
4. HTML-?
< align = right> :

? <BR> ?
<> , ?
( , . 2.7)

32

i i ->

. -. i

-....

. Oi.Hnmm.

.',

D:\My docs\DiALECT\HtmlTutot\TESTHTMLhtrril

: ?
?
, , ?

: ?
?
, , ?

D:\My docs\DW-EC^HtmlTuto^TESTHTMLh1ml

: ?
? 1
, , ?
. 2.7. ,
4?

33

""

...


, < >, HTML.
, ,
. HTML- .
, , HTML- .
(Notepad) , , . Word. ,
. , .
. (. 3.1).

-""

.3.1.


, ""
HTML- Esc- ( ""). Esc- ASCII- ,
&.

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


ASCII-,

, &,
. , "" . (,
.) ,
sit ( less than "") &gt ( greater than ""), snbsp ( non-breaking space), (&) samp, ("") slaquo sraquo, .

, .
, .
. ".
, , . , " " (<) "" (>)
. .

: "" (),
"" (" ") "" ( "). "".
"" HTML slaquo; sraguo;
. ""
"" . , "" (. 3.2).
"" sldquo;
srdquo; , "" sbdquo;.
. : ,
. . ,
. , .
, .
, (), .
smdash;. ()
, ,
"". .
Sndash;. . 3.3.

""

35

81;- Sldquo;
HTMLSr dquo; Sraquo;, 8mdash: .

D:\My docs\DlALECT\HtmlTutortTESTHTML.ht

- " HTML", |
.

. 3.2. :
HTML-
" "
I TFSTIITWL -
- - .
) 25ndash;4 .
3peHflSnbsp;8ndash: ...

i:P::/K',

fc. OSHtlEmb

1.4. 1

.1-.

D \My docs\DIALECT\Htm!TuloATESTHTMLhtml

HTML- -
.
2-4 . ...
1
. 3.3. ,


, . , , .
, , ,
,
. ,
, :
;
;
;
.

36

, , HTML-
(. 3.4).

<> Ueb-
npeKpacHoSnbop;Smdaoh; 5;, . . j
, nSnbsp;.
< align=right>no4TH ..Snbsp;
=

-'5!

1
^11
^

"!

....... I ' 1 '

Web-
, ,
.
. . 1

. 3.4.


, . ?
" " HTML .
HTML <NOBR> ( , break " "). ,
, . , ,
</NOBR>.
, <NOBR>... <NOBR> ? . (. 3.5).
<NOBR>, ,
. , :
.
.
, .
,
. -
, , .
, , , Internet, :
, ! ? ,
, . , , , - ""

37

, . ,
HTML-, , .

<NOBR>1-28nbsp;, -
HTML...</N08R>
aitiNOBRSat;

1-2 , -

<NOBR>

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


,
SJTESTHTMI

: <NOBR>1-24 ; , -
HTML...</NOBR>
[ 81t;NOBRSgt;
5>f*ft

3 ocs\DlALECT\HtmlTutoATESTI-rn4lLWml|

1-2 , -
HTML...

<NOBR>

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

, <NOBR>... <NOBR> . , ?
, ?

38

Microsoft Word "" . , ,


. .
, , .
HTML. , , . <WBR>, word break " ". : <WBR> ,
. ,
<NOBR>... <NOBR>. , (. 3.6).

, ASCII, HTML-
Esc- . Esc- ASCII- , &#, . , , , . , ( ) HTML-
71; 87; &laquo; sraquo;. HTML- HTML. , , HTML, Esc- &I60;
&I62; &lt; &gt;.
Web-, "" ,
, ,
. .
, , , .
Web-, (60; snbsp;), <NOBR>.
, <NOBR>... </NOBR>,
. ,
. . , <NOBR>... </NOBR> <WBR>.

1. HTML- ?
) : , " " ".
) : , " " , '.

""

39

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


Sbdquo; namcH&rdquo;.
) : &171;&187;, &8220; &8221;
58222; &8221;.
) : &laquo;eno4KH&|187;, 2 20; &21;
&22; &21;.
) : &raquo;eno4KH&|187;, &I8220; &#8221;
&22; 8221;.
2. HTML- ?
) HTML- - .
5-10 .
) HTML- Sdash; . 5&dash;10 .
) HTML- Sndash; . 5&mdash;10 .
) HTML- smdash; . 5&ndash;10 .
) HTML- 01&1; . 5 sndash; 10 .
3. HTML- ?
) < align=center> -,
</>
) <NOBR align=center> -,
</>
) -,Snbsp;&;&;&;;
&; &; &; .
) <NBSP> -, </8>
4. (, , , , )
:
<NOBR> nepe<WBR>(a)xofl <WBR><6) -(): 3flecb?<WBR>wHnn ?
(
<> , ?</>

40

...
f <FONT>


*
4
t

<FONT>
, ?
, .
. , ,
, , .
, .
:
, , .
Font, .. "".
, HTML,
<FONT>. , , <FONT>... </FONT>.
, Font , <FONT> :
, .

, HTML
"" face. (. 4.1).
-, Arial, <FONT face=Curier>
</>...

- ... , ! : Curler, a
Courier! (. 4.2)...
A TESTHTML -

-,
(trial, <FONT face=CJrier>Ho
[( .. ,</FONT>
( .
\' docs\DIALECT\HtmlTulot\TESTHTMLhlml -
] '. -.f,-, sut

or\TESTHTMLhtml

-,
Arial,
...
.

. 4.1. <FONT>
TESTHTML -

-, >
Arial, <FONT face = ^EBBS^HO
...</FONT>
.
5 docs\DIALECT\HlmlTulor\TESTHTML hi

&

...

ij^3 D\My docs\DIALECT\HtmlTutoATESTHTMLhtrnl

;
-.

-,
Arial,
...
.

. 4.2.

,
. , , , Times Baltica.
, Arial Verdana.
! -, - :
-, Arial, <FONT face=Arial Black>
Arial Black</FONT>
, - (. 4.3). ... ,
. " "? ?

42

-, _
flrial, <FONT face=Arial|Black>HO !
flrial Black</FONT>
a DAMy docs\DIALECT\HtmlTutor\TESTHTML blml

Mic

I D:\My docs\DUkLECT\HtmlTuttiATESTHT

-,
Arial,
Arial Black

. 4.3. ... -

.
, , . , .
, Arial Black :
-, Arial, <FONT face="Arial
Black"> Arial Black</FONT>
ff. TESTHTML -


-,

ftrial. <FONT face=l
flrial Black</FONT>
) \ docs\UIALECr\HtmlTutnr\TE!

"0'

soft Intmnnl Exp

i I" |

I
fV-ftmfTutoi\TESTHTML_html

-,
Arial,
Arial Black

. 4.4. ,
(. 4.4).
Web- ,
: . , ,
, .
,

43

,
. Web HTML-
. , .
face ,
HTML- .
, .
? , . - , , , , .
?
, face
, .
. , ,
, :
<FONT face="Cotton, Impact, Arial"> -
</FONT>
-, Web- face
, . ,
,
Web- (. 8). , <FONT face=...>

(. 6).
Windows : , ..
, , :
<FONT face="Arial Italic"> ? </FONT>
, . face
, Windows, , . (. " ".)

, ,
HTML ... ? .
? , . , ,
44

. ,
.
<FONT> size. ! , 1 7. : , L , ,
, XL . HTML, size =1 ,
size=7 . .
, , ,
. . , :
,
, , .
size (. 4.5)?

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


<PXFONT size=2>3T 2</FONT>
<PXFONT size=3>3TO 3</FONT>
<PXFONT size=4>3To 4</FONT>
<PXFONT size = 5>3TO 5</FONT>
<PXFONT size=6>3ro 6</FONT>
<PXFONT size=7>3To 7|</FONT>
D:\My docs\DIALECT\HtmlTutor\TESTHTML html - Mi...

-/.-

a D \My doc5\DIALECT\HtmlTutot\TESTHTML.ht

D \My docs\plALECT\H
] D\My docs\pl-ECT\HtmlTutor\TESTHTMLhlml
pn*pj 1

2
3


. 4.5. , . , size ,

45

, . ,
, <FONT size=2>, . , . .
, , <FONT size=-2> ,
, a <FONT size=+3>
(. 4.6). , ,
size=3.

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


<PXFONT eize=-1>3TOT 1</FONT>
<>
<PXFONT size=+1>3TOT K/FONT)
<PXFONT size = +2> 2</FONT> :
(PXFONT eize=+3> 3</FONT>
<PXFONT eize=+1> t|</FONT> ;'


4
. 4.6. , size=3
, ? , <FONT size=T5>
<FONT size=-4> ? .
: "" , .. +4 -3, (. 4.7).

46

FONT size=+t>3TOT
PXFONT size=+5>3TOT
PXFONT size=-2>3roT
PXFONT siz5-3>3TOT

4</FONT>
5?</FONT>
2</FONT>
37</FONT>|

3 D:\My docs\DIALECT\HtmlTutoiYrj


4

5?

. 4.7. size , ""


Web- . ,
, . : , - " ".
, <FONT> color:
<FONT color=... >

.
HTML-?
:
. ,
, . ,
. "-",
"", "" ...
. HTML- , #, :
<FONT color=|66CDAA> </FONT>
"" ?
, "" ,
. ,

47

, .
. , , . HTML
IRRGGBB ( Red , Green Blue ). ,
0 255, 00 FF.
- , " ", . 16 ,
. , : 166 = 16777216.
. , , .
124 ,
. , " "
mediumaquamarine. , , .
- , . . , Corel DRAW, Photoshop Windows
Paint, "" . . , .
, Windows, "" .
. ,
mediumaquamarine 66CDM. .
1. HTML- :

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


</B></FONT>
2. Windows Paint .
3.
<Alt + Print Screen> Paint
<Ctrl+Ins> <Ctrl+V>.
4. "" .
5.
. , , : 102, 205, 170.
6. <=> .
7. , ( 102),
( Hex).
""? , 66.

48

8. (Dec)
. CD . ?
?
: , 16
. True Color. , , HTML-, , , .
"" .
, , . :
?
, ,
. ,
- , 216
"" , Netscape, " Netscape".
256- True Color.


HTML- ,
, , ? , , , <FONT> :
<FONT face=Courier size=+2> Courier</FONT>
.
:
<FONT size=+2 face=Courier> Courier</FONT>
, HTML , .
(
) .

, <FONT>.
, :
, ,
, , , , , . :
<FONT color=red>3</FONT>TO o6<FONT 1=1></> . <FONT
face=Courier>A <FONT color=red>3</FONT>TOT < color=red>a</FONT>TaH
mp<FONT color=red>H</FONT^TOM <FONT size=+2>Couri<FONT
color=red>e</FONT>r</FONT></FONT>

49

, , .
"" <FONT> </FONT>.
. <FONT face=Courier>A
<FONT size=+2>Courier</FONT>
, <FONT size=+2> , <FONT face=Courier> ,
Courier.
, .
,
.
.


, <FONT> , , .
. <>, <1> <U> .
<STRIKE> <S>.
strikethmugh, ... ,
( , ?). : , (. 4.8).

In :
<$1> SI t; STRIKESgt; </STRIKEXBR>
Sit;SSgt;:<BR>
<P align=centr>ait;S<S>TRIKE<S>|&9t;


: STRIKE
<S>:

<51>

. 4.8. <STRIKE> <S>

50

?
. HTML,
, , . ,
, ,
"" . : ,
"", "",
"" "". , ,
, , , . HTML:
<STRIKE>.
, <S>.
<STRIKE>, ... .
Web- ,
, " "? , , , HTML . ,
(. 15). - , HTML JavaScript
(. 16). , , :
Web- .


, , .
<FONT> <BASEFONT>.
<BASEFONT> .
<FONT>, <BASEFONT> : Web-
<BASEFONT> (. 4.9). , <BASEFONT>
, (. 14).

51

<BflSEFONT face=Courier)
Courier,
<FONT eize=+2> ,</FONT>
<BASEFONT face=flrial>
11
[ 5 dncs\niAI HCT\HtmlTulnrVrESTHTML hlrr

''-,':$

1UBI

| -I

locs\DlALECT\HtmlTutO[yr *


Courier,


,

Arial
Or^Vl"'

;!:

. 4.9.
<BASEFONT>

<FONT>

, , HTML <FONT>. ,
.
face.
, face .
, . , face . HTML- (. 8).
size 1 7.
3.
, . <FONT>
. , , <FONT size=+2> , 2 .
color jfRRGGBB,
RR, GG , , , . ,
140 ,
color.

52

<FONT>,
, : <FONT color=red
size=+3>. , <FONT> .
, <BASEFONT>. ,
, <FONT>
<BASEFONT>.

1. HTML- ?
) <FONT> </>
) <FONT face=Arial Cyr> </>
) <FONT face="Arial Cyr"> </>
) <FONT face="ARIAL CYR"> </>
) <FONT face="Arial Bold"> -/^
2. HTML- ?
) <FONT size=3> </FONT>
) <FONT size=8 pt> </FONT>
) <FONT size=-3> </FONT>
) <FONT size=+7> </FONT>
3. HTML- ?
) <FONT color=#123456> </>
) <FONT color=H123456> </>
) <FONT color=#ABCDEF> </>
) <FONT color=|GHIKLM> </>
) <FONT color=#red> </>
) <FONT color=#&red> </>
) <FONT color=red> </>
) <FONT color-red> </>
4. HTML- ?
) <font si'ze=l color=red>
</!>
) <font color=red size=l>
</1>

53

) <color=red font size=l>


IpHl}lTOM</fOnt>

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


) <font color=red> <font !=1>
</1>
) <font color=red> <font 1=1>
</1!1></!>
) <font color=red> <font !=1>
size></font color>
5. HTML- ?

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


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

54

...
f
*


:
, ,
.
, ..,
.
HTML . 6 . , . <>,
1 header (), ,
1 6.
- . : <>... </> (. 5.1).
HTML, . , , , .
:
, , . !

<1>
<2>
<>
<>
<5>
<6>
<7>

1</1>
2</2>
3</>
</>
5</5>
6</6>
7? /7>

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

.:,';",' ' .

":. :.-

| <''"(."" :

\Mydocs\DIALECT\l Itnil I utorj

1
2

3
4
5
6

7?

. 5.1. HTML 6

-, .
, . , :
"" , , ""?
, , ? , -, .
, , , 13 .
, ?
.
: ,
, . , .
Web- 1-2 , , , , .
HTML ! ?

56

. ,- ,
, . , , <1> <2>. , ,
<2> <4> ,
.

<1> 1</1>
- |
<2> 2
<> , 2
<> 3</>
- ... 2
3 D \My do
1,1

ItmlTutorVTESTHTMLhlfi

*'

%>"

docs\D W.ECT\HtmrTuffliYTESTHTMLMml

^Jj 1 (

1
-

2
,
2
3

- ... 2
. 5.2. ,
. ,


, .
? ,
ia .
<> ?
. , <>. , (align). ,
' . align
(. 5.3).
? tepoM , , , ?

57

|< align=right>3aronoBOK </>


amdash;
<5 align=center>3aronoBOK 5 </5>

<6 align:left>3aronoBOK 6</6>
jfl
|<FONT face = Courier><B>align= left</B|></FONT>

DAMy docs\DIALECT\Htmn utui\TESTHTML html -

. \ .
oes\DIALECT\HtmlTutor\TEST

4

5

6

aiign=ief t

. 5.3. align,

, , : . HTML . , <FONT>. (. 15). ,
,
(. 8).
<>,
, , . ,
, .
. 14.

HTML <>, 1 6. 1 , 6 - .

58

,
-.
.
, <>: ,
, <> align. , <>, left, right center.
, , ,
<FONT>.
, , <>,
. .

1. HTML- ?
) <1>
) <1> </1>
) <1> </2>
2. HTML- ?
) <1> <BR> </1>
) <1> <> </1>
) <1> <2> </2/1>
) <1> </1><2> </2>
3. HTML- ?
) <1> , </1>
) <Hl align=left>3TO , </1>
) <Hl align=right>3To , </1>
) <1 align=center>3TO , </1>
) <1 align=justify>3TO , </1>

59

...
4 ""
4
4
4
4
4
4
4 ?
4 HTML ...

""
, "" "" Web- . , "" .
,
Web-, , . , , ...
,
, ?
, . ,
,
. "" "".
? .
, , "" ,
:U>, <B>, <I>, <FONT>, <P>, <BR>, <WBR>, <NOBR>, "" .
'": ,
.

,
"" . HTML.


, - ?
, . . .
-.
, , , , - , , ,
, . ,
.
HTML (. 6.1).
*, TESTHTML - I

SltjEMSgt; <> </>. |


<> &lt:STRONG&gt;
<$6> </STRONG>.
<>, &lt;DFN&gt; :<BR> ^
<DFN>HTML (Hypertext Markup Language).</DFN>

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

<>
.
<STRONG>
.
, <DFN> : ;
HTML (Hypertext Markup Language).
.
. 6.1.
HTML

,
? , .
HTML "" <1>. , , <>.
EMphasis , , .
<> . ,
<>... </>, .

62

,
, (, ,
). , - , ?
, , .
"" , <>.
,
, <STRONG>. , <>, : ,
<STRONG> </STRONG>, .
, , , . , .
<DFN> ( DeFiNition ""). <DFN>... <DFN> .

, .
,
.
, , . , , .
, .
<1>. ,
<1>... </1>, .
<BLOCKQUOTE>. , <BLOCKQUOTE>
</BLOCKQUOTE>, (. 6.2).

63

:
<BLOCKQUOTE>
,<BR>
,<>
,<BR>
.
</BLOCKQUOTE>
, ,
<CITE>aiaquo; 8;</1>

D:\My docs\DIALECT\HtmlTubrtTESTHTMLhtml

:
,
,
,
.
, ,
...
. 6.2. <1>,
<BLOCKQUOTE>


,
. , ,
(. 6.3), , . .
Web- , HTML <SUB> <SUP>. subscript superscript, " " " ", .
. , <SUB>... <SUB>, , ,
<SUP>... <SUP>, . ,
<SUB> <SUP> (. 6.4), , . 6.3.

64

KMcnoibi&nbsp;ndash;
<FONT eizQ=1>2</FONT>SO<FONT siz=1>4</FONT>

H2SCU

. 6.3.

SUB>2</SUB>SO<SUB>t</SUB>.
> ;fiidash;
Snbsp;=8nbsp ; c<SUP>2</SUP>

D:\My do\DIALECT\Htmrrutoi\TESTHTML

. 6.4. <SUB>
<SUP>

,' 2
3
, , , , .
: .
, (. 4).


.
. ,
.
. , , 13.

65

,
? ? - , , .
? : ,
... . , :
! - .
, , ! .
, HTML- <STRIKE> <S>. .
, ,
. , , , .
<DEL>.
delete (). , , <S>... <S> (. 6.5).
<> </1_>
SltiDELSgt,.
<> 3ToSnbsp;Smdash; <$> </$>,
>

D:\My docsSDlALECnHtmlTutoATESTHTM ]

! 1 ,
<DEL>.
,
<S>.
. 6.5. , ,
, , <S>... <S>

, . ?
"" :
"", ,
. , , ...
. ,
Microsoft Word , , .
, : <U>.
. , , , , <INS> ( insert ""). <INS> ; , <INS>... </INS>,
(. 6.6).
66


< align=center>
<DEL>B4epa</DEL>
<INS>ceroflHfl</INS>

. 6.6.

, , : , , - , ,
, ...
Web- <ACRONYM>.

title.
, "" (. 6.7).

-
(ACRONVM title*"HyperText Markup Language")
HTML</HCRONVM>

. 6.7. <ACRONYM>


, ,
, . ,
. , , ,
.

67

<ADDRESS>.
. , <ADDRESS> </ADDRESS>, , (. 6.8).

,
:
<ADDRESS>*_polonsaukr.nt</tDRESS>

D Wy docs\D!ALECT\HtmlTutoi\

,
:
ejpolons@ukr.net
. 6.8. ,
, <ADDRESS>

HTML ...
, HTML
""
. , .
Web- ( ,
!) .
, , <CODE>. , <CODE> </CODE>,
, Courier.
, ?
, , :
<CODE>

<>
<>
<> ...
</CODE>
<> <BR>. ,
,
(. 6.9).
, ,
, "" , . ,
Web- .
68

, <PRE> ( preformatted "


"). , <PRE>... </PRE> , , HTML-.

, &;&ndash;
:
<>
<>
<BRXI>. . . ... </!>
<>
<>
<BRXI>.. . .. .</!>
<>
</CODE>

D:\My docs\DIALEC-p,HtmlT

,
:

... . . .


. . . .. . .

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

, , , . , , HTML,
(. 6.10).
<PRE>... </PRE>
. <>
.
, : , , . , . 6.8, <1>. - " ".

69

. HTML
<VAR> ( variable "").
(. 6.11). ?
,


. ,
.

-1

:
<PRE>
y=fl<SUB>1</SUB>x<SUP>2</SUP>+B<SUB>1</SUB>x+C<SUB>1</SUB>
y=fl<SUB>2</SUB>x<SUP>2</SUP>+B<SUB>2</SUB>x+C<SUB>2</SUB>
</PRE>


:
2

= 1 + 1 + 1

. 6.10. <PRE> ,
- ,

JOT
<UflR>x</UftR> <UflR>y</UflR>:
<PRE>
<UflR>y</UftR>=fl<SUB>K/SUB><UflR>x</UflRXSUP>2</SUP>+B<SUl':i
<UflR>y</UflR> = H<SUB>2</SUBXOftR>x</UftRXSUP>2</SUP>+B<SUI:,
C/PRE>

D:\My docs\DIALECTiHtmlTutor\TE

. 6.11. <VAR> . ,
,
? , , , .

70

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


.

?
, ?
: .
, ? ,
"" , ...
, , ! ,
HTML " ",
: " "...
"" ""... ,
, : " ?".
: "
".

.

,
. . , .
,
. 14.

HTML "" "", .. ,


, , .
"" , <>,
<I>, <S>, <FONT>, "" - <>
<STRONG>, <DFN>, <1> <BLOCKQUOTE>, <SUB> <SUP>, <DEL> <INS>,
<ACRONYM>, <ADDRESS>, <CODE>, <VAR>,
<KBD> <SAMP>.
, ""
, : , -,
Internet (. 14), -,
.

71


1. <S> :
) <STRONG>;
) <>;
)

<STRIKE>;

) <DEL>.
2. ?
) <BLOCK QUOTE>THie eflenib&nbspj&mdash; </ QUOTE>.
) <BLOCKQUOTE>Tme &;&1; </>.

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


) <ACKRONYM 1=" ">HTML</ACKRONYM>
) <ACKRONYM>HTML</ACKRONYM>&nbsp;&mdash;
) cnHpTa&nbsp;&indash; C<SUB>2</SUB>H<SUB>5</SUB>OH
) cnnpTa&nbspj&mdash; C<SUP>2</SUP>H<SUP>5</SUP>OH
3. ?
) &laquo;<CITE>THie &;&!; </1>&;&nbsp;Smdash;
) <1> efleib&nbsp;&mdash; </1>. <ADDRESS>HapoflHaa
MyflpocTb</ADDRESS>
) <BLOCKQUOTE>THine eflenm&nbspj&mdash; 6yfleib</BLOCKQUOTE>.
<ADDRESS>HapOflHafl MyflpOCTb</ADDRESS>
) <BLOCKQUOTE>THme eflemb&nbsp;&mdash; 6yflemb</BLOCKQUOTE>.

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


4. ?
) <DFN>HTML</DFN>&nbsp;&mdash;
<DEL>HTML</DEL>&nbsp;&mdash;


) <DFN>HTML</DFN>&nbsp;&mdash;
<ACKRONYM 1111="

">HTML</ACKRONYM>
) <DFN>HTML</DFN>&nbsp;&mdash;

<B>HTML</B>&nbsp;&mdash;

) <DFN>HTML</DFN>&nbsp;&mdash;

<I>HTML</I>snbsp;&mdash;

5. ?
) + <DEL>Mania</DEL>
+ <></>
<INS>HaTama</INS> =
<1></1> =
72

) + <DEL>Maia</DEL>
<INS>HaTama</INS> =

Caia + <S>Maua</S>
<></> =

) + <DEL>Mama</DEL>
<></> =

+ <STRIKE>Mama</STRIKE>
<STRONG>HaTaia</STRONG> =

6. ?
) HTML-: <PRE>
HTML-: <PRE>
<1><1>

<><>

</PRE>

) HTML-: <PRE>
<1></1>
<></U>
</PRE>
) HTML-: <PRE>
<1></1>
<></>
</PRE>
) HTML-: <PRE>
<1></1>
<></>
</PRE>

</PRE>

HTML-: <CODE>
<1></1>
<></>
</CODE>
HTML-: <CODE>
Sit;I&gt;Kypoffl&lt;/I&gt;
Sit; U&gt; &]; /U&gt;
</CODE>

HTML-: <CODE>
<BR>&nbsp;&nbsp;&nbsp;<I>KypCHB</I>
<BR>&nbsp;&nbsp;&nbsp;<U>nofl4epKHyTbHi</
U>
</CODE>

) HTML-: <PRE>
<1></1>
<></>
</PRE>

HTML-: <FONT
face="Courier New">
<BR>&nbsp;&nbsp;&nbsp;<I>KypCHB</I>
<BR>&nbsp; inbsp; Snbsp; <></>
</FONT>

7. ?
)
<!>&lt;SUP&gt;</I>
<VAR>&lt;SUP&gt;</VAR>


) <VAR>&lt;SUP&gt; <FONT face="Courier
</VAR>
New">&lt;SUP&gt;</FONT>


) <KBD>&lt;SUP&gt;
<FONT face="Courier
</KBD>
New">&lt;SUP&gt;</FONT>


)
<FONT face="Courier
<SAMP>&lt;SUP&gt;</SAMP>
New">&lt;SUP&gt;</FONT>


73

...
HTML
4
4
4

*
f

HTML
. :
,
. , . ,
, , , "" ..
HTML?
, , "-", .. : ,
(. 7.1). . .
, ? , .
HTML , () , . . .
, . <1> <2>,
:
<1 >
<2 .^ 1</2>
<2 2> 2</2>

<2 3> 3</2>

1<> , :
<BR>1.Snbspj.
<BR>2.Snbsp;.
<BR>3.anbsp;H :
<BR>Snbsp ; 8nbsp;<FONT face=Wingdin9S>SD2S2;
</FONT>Snbsp;;
<BR>Snbsp; Snbsp; <FONT face=Hingdinge>S*e2S2;
</FONT>8nbsp;.
<P>Bce .

J D:\My docs\DIAlCT\HtmlTuto^TESTHTMLhtml

, :
1. .
2. .
3. :
*/ ;
/ .
.
. 7.1.


<OL>
<>. ordered list "
", /? item (" ").
: <OL>... </OL>, <LI>... </LI> (. 7.2). , , ,
...
, ,
(. 7.3).
<> , :
"" <>
</OL> ( !). <> : .

76

1
HTML, :
<OL>
<LI>1.Snbsp;
aitiOLagt;.</LI>
<LI>2.&nbsp;
;Liagt;.<
</OL> ,

D:\My dora\DIALECT\HtmrTutor\TES-n-ITML.html


HTML, :
\. \.
<1_>.
2. 2.
<1_1>.

. 7.2. HTML,
,


HTML, :
<OL>
<1>
81t;OLgt;.</LI>
<11>3
KOHCTpyKHait;Liagt;.</LI>
</OL>

DMvty docs\DlALECT\HtmrTutoi\TESTHTMLbtml


HTML, :
1.
<OL>.
2.
KOHCTpyKH<LI>.

. 7.3.

77

. , ,
, ? , ?
, . HTML <OL> start type.
(start=l).
, ( ),
<OL> start=0 (. 7.4).
1 TESTHTML -

<> :
<OL start=6>
<LI>pao;</LI>
<1>;</1>
<LI>TpM.</LI>
[1,,1,'tr, .". ..... I (AM.

(J

i] D^ docsNDIAl^C'nHlmlTmoATESTHTML.hl


0. ;
1. ;
2. .

. 7.4.
start

.
type. : ,
a, I, i 1, :
(, , , ...), (, , , ...), (I, II, III, IV, ...), (i, ii, Hi, iv, ...)
(1, 2, 3, ...). ,
type I (. 7.5).
, HTML ,
: , , , .. , : . ,
, .

78

> :
OL type=I>
LI>OflHH;</LI>

LI>aea;</LI>
LI>rpn.</LI>

. 7.5. , type


, , .. ,
, , .
, , .
.
HTML ,
, <OL>
<UL>. (, , ),
unordered list " ".
, <OL>
<UL>? ,
(. 7.6).
- , ""?
, , , ,
.
, : <UL>, <OL>, type.
- .
, - : type : circle, disc square. disc,
. circle , a square (. 7.7).

79


HTML, :
<UL>
<11>
SltiULSgt;.</LI>
<11>3
!t;LlSgt;.</LI>
</UL>

;
HTML,
:

<UL>.

<1_1>.

. 7.6. ,
<OL> <UL>

HTML :
<UL type=disc>
<1>;</1.1>

</UL>
<UL type=circl>
<LI>;<
</UL>

<UL type=square>
<1.1>. <
</UL>

D:\Mydocs\DlALECT\HimlTutot\TESTHTMLhlml

HTML :
;
;
.
. 7.7. HTML
: ,

80

, , : , ?
.
. , ,
Photoshop (. 8).
, HTML ,
.
, .
, . , , Web- .
Web- : ,
<LI>. (. 7.8).
? .
. , , .

:
<1_1>+ Slt;LIfigt;,
<LI>a SltiULSgt; ,
<1> . ..
: .

]DWydocs\lMLt~C7AHtmlTuto,\lbbTHTMUJ

> !

:
.
<!_!>,
<UL> ,
... .

. 7.8. <UL>,


,
? - , . 7.7?
, HTML-.
<>, type (. 7.9).

81

3 HTML :
<UL>
(LI 1>;</1_1>
(LI type=circle>OKpy>KHOCTH;</LI>
(LI type=square >.</-1>
(/UL>

HTML : ;
;
;
.
. 7.9. type <>

: type <LI> ? ,
, , ,
. - ... , ? .
, type <>
, <OL>. . , , (. 7.10).


<OL>
HIBHBl>na3:</LIi
<LI>flBa;</LI>
<>.</>
</OL>

D:\Mydocs\DIALECTM-llmrTutor\TESTHTMLMml

:
I. ;
2. ;
3. .

. 7.10.

82

, .
,
.
, type <> <OL> <UL>. ,
: <> , start "" ,
? : 1, 2, 3, 5, 6?
, .
, <> , value (
value "").
, (. 7.11).

Slaquo;HapyuieHHOu&raquo;
:
<OL>
<LI>pao;</LI>
<LI>flBa;</LI>
1=6>?</1>

*"", ' '


1. ;
2. ;
6. ?
7. ??
. 7.11. value ""


, , , : ? Microsoft Word, ,

. HTML?
HTML .
, . . , . ,
, , (. 7.12).

83

<1>:
<OL>
<1> *;</1-1>
<1> *;</11>
<1-1> ;</!_!>
<1_1>1 ;</LI>
<1_1> ;</LI>
<OL>

<LI>a ;
</OL>
</OU>
<11>:</LI>
<UL>
<11>;<1>
<11>;
<LI>;
<UL>
<LI>a .
</UL>
</UL>
</UL>

, \"
I !

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

:
:
1. ;
2. ;
3. ;
4. ;
5. ;
1. ;
:
;
;
;
.

. 7.12. ,


. ,
, ""
. ,
, "" !
,
. .
,
. ,
, , , .
:
( , ), .
-, : , .
? , , ,
. , ?
: . , , , <OL> <> .

84

: <DL>
( definition list " "), <DT> ( definition term " ")
<DD> ( definition description "
"). . 7.13.
[JgTESTHTML

:
<DL>
<DTXDFN>HTML</DFN>

<DD>Hypertext Markup Language, .


<></>
<00> HTML.
</DL>

:
HTML
|
Hypertext Markup Language,
.

HTML.

. 7.13. : <DL>,
<DT> <DD> "" .
, , <DL>, <DT> <DD>, :
* , ;
* ;
* ,
.
. -, , .

. , <> <1>, <DFN>.
, "" .
.

85

<DL> </DL>. ?
. ,
. " ",
(. 7.14).

JOT
CDTXDFN>HTHU/DFN>

:DD>Hypertext Markup Language,


:></4>
:00> HTML.

docs\DIALECT\H1mlTutoi\TESTHTML.html

:
HTML
Hypertext Markup Language,
.

HTML.

. 7.14. <DL>,

,

, .
, .
<DD>. , ""
, , , . :
<DD> (.7.15).
, . , , "" .
, - , , , .


HTML : .
<DIR> (directory list),
<MENU>.
<UL>.

86

: , , , <>. , " ":


, , , .

:
CDL>
<DTXDFN>HTML</DFN>

Hypertext Markup Language, .


></>
HTML.
</DL>

OUV doC!\DIALECTMHtttllTutol\TES

:
HTML Hypertext Markup Language,
.

HTML.
. 7.15.
<DD>,

HTML : , .
<UL>. type
(square), (disc) "" (circle). type disc.
<OL>. : type, , start, , . type
<OL> 1, I, i, , ,
, . , ,
, .

<LI>. *
: , type start,

87

, type. <> , , ,
.
<UL> <OL>: <>...
</> .
, HTML , .
. ,
. <DL>, <DT> <DD>. <DL> , <DT> , a <DD> .
, HTML ( <DIR>) ( <MENU>).
,
.

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

<LI>
<>
</OL>

88

) <OL start=circle>
<LI>
<LI>
</OL>
) <OL type=l>
<>
<>
</OL>
) <OL type=circle>
<LI>
<>
</OL>
3. HTML- ?

) <DL>
<DT> 1</DT>
<DD> 1</DD>
<DT> 2</DT>
<DD> 2</DD>
</DL>
) <DT>
<DD>
<DT>
<DD>

1</DT>
1</DD>
2</DT>
2</DD>.

) <DL type=circle>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL>
r) <DL start=l>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL>

89

Web-
...
t
* :\ WWW
4

4

4
4
4


, Web- . . :
Web- ?
", ! , Web-
!"
"! , -
! ,
! ,
, !"
, - :
. ? , . , , ,
, , , , , 360- . ...
, . ,
.

: " , ".
, . . ?
? " " . " " . Word. ,
.
.
, , . , .
, HTML- : -, , -, .
<IMG> ( image "") src ( source ""). (. 8.1)...

<H1>3Toanbsp ; aidash;
<IHG src=uasya.gif>

. 8.1. !

, <IMG> . ,
? ,
, .

: \ WWW
? ,
, Web-, .
? .

92

, , :
, , , , .
, : .
(. 8.2)... , ? .
.

<Hl>3Toan6ep;Sdash; ?</1>

]jj

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

. 8.2. , ,
,
Microsoft.
. Internet
Windows, . ,
Internet Explorer, Internet.
, UNIX. .
* ,
, : MyHTML/MyGraphics/vasya.gif.
* DOS, . ,
MyHTML,
MyGraphics, :
<IMG
src=MyGraphics/vasya.gif>.
4 , ( , ), ( ..), ,
. -
!
,
, . , HTML : , , .
Web-

93

* , ,
, : <IMG src="http://www.vasya.com/
MyHTML/MyGraphic/vasya.gif">
* HTML, . , , Internet, vasya.gif vasya.GIF .
, , Web-
:
() .
, , . , Photoshop
, () .
* . ! ,
Windows , , Office .


, ,
. ,
"" , . , ,
?
, "" , . , ,
"" . "" , HTML-. , <BASE>. " " , . ,
MyGraphic, :
<BASE href="http: //www.vasya. com. ua/MyHTML/MyGraphic">
, <BASE> . , , <BASE>, .
<BASE> HTML-.
13.

94

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


? , MS Word, -, ,
.
, , , Notepad . ?
: , "" , HTML ""... ?
, . <IMG> , , width height, . . . ,
, 300x211 . , ,
width , 100? ?
100x211? : , 100 (. 8.3). ,
height. He .

<H1>3Toanbsp;Sndash; /1> f
<IMG src=uasya.gif width=108>

to D:\My docs\DWLECnHtmlTutor\TESTH

. 8.3. width height,


, , ,
width height. ? , , ?
Web-

95

, , , : ,
, .
, , , Photoshop.
, , , ?
, . .
, , (. 8.4).

<m>3TOSnbep;&dash; !</1>
(IMG src=uasya.gif uidth=1000>

-u

--J

-#

D:\My docs\DIALECT\HtmlTutoiVTESTHTMLhtml

.. ; '*

1 ^

. 8.4. , width height,


. ?

, height width.
, , ,
, .
(. 8.5). : ,
, .

96


(2> </2>
(IHG src=vasya.gif uidth=300 height=80>
2> </2>
(IMG src=uasya.gif nidth=8S

. 8.5. height width


. , ? .
, .
, no.gif. ?
, . 8.2. <IMG> . ? , (. 8.6).
, ,
Internet . ? , , ,
. . .
, , , .
? ,
, . , .
:
,
. , , ...
Web-

97

. <IMG>,
"" , .
. , , ? :
, ,
,
.

<H1>3Tonbsp;&ndash;
<IHG src=no.gif uidth=30Q heigth=211>

. 8.6. , ,
, .
, . .
, , width=100%, , "" (. 8.7).
, ,
,
. , , , .

98

<2> </2>
<IMG src=uaeya.gif width=ieeX>|

J4D D:\My docs\DlALECT\HtmrTutoATESTHTMLhtml

. 8.7. ,


? ?
, : ,
. ...
- , !
, .
?
, , . . ?
<IMG> , . alt.
,
(. 8.8).
, ,
. ,
- ,
, , , , . lowsrc ( low source : " "):
<img src=vasya.gif !1=" " lowsrc=smallvasya.gif>
Web-

99

<Hl>3Toanbsp;ada8h; !
<IM6 src=uasya.gif elt = "3ro ")

. 8.8. , alt,


. (. 8.9). , , .
MS Word: ,
.
, align. ,

. . , .
, . : align=left.
? , (. 8.10).
, . . , , " "
, .
align <IMG>
<> <>. , <IMG> , , .

100

<H1>3Toanbsp;Sdash; /1>
<IHG src=uasya.gif alt="3To ")
: ... ...
8nbsp;adash; - .

:
... ... -
.
. 8.9.
" "

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


<IMG src=uasya.gif alt="3ro " align=left>
: ... ...
Haaennbsp-,&mdash; - .

\ docs\DlALECT\HtmrTutortTESTHTML html


:
...
...
-
.

. 8.10.
align <IMG> ,
, ,
, ?

Web-

101

: . MS Word
. HTML? , (. 8.11). <> , align <>, , <IMG>.

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


(IMG src=uasya.gif alt="3ro " align=left>
<> : ... ...
5ifimdash: - .

D:\My docs\DIAi_ECT\HtmlTutoATl|j

- .

"
..!
... -/*</'

. 8.11.
, <>

,
<BR>. . clear. . , clear
all, , (. 8.12). ,
, ,
: clear=right,
, , clear=left , .

102

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


<IMG src isya.gif alt="3ro " align=left>
<BR SHSZEDQ^ : ... . . .
Snb6p;Sdash; - .

D:\My docs*iDIALECT\HtmlTutoiYTE

: ...
... .
. 8.12.
,
<BR> clear


,
. ,
Internet ,
, "".
, : :-). 90 .
,
Web-, Internet-,
, .
, , .
align,
absbottom, absmiddle, baseline, bottom, middle, texttop top.
He ?
, . , . ,

(. 8.13). absbottom Web-

103

, baseline bottom ,
absmiddle middle , texttop top .

(1 ?</1>
< align=right><IXSMflLL>HTpeHHflfl
</5./1>
<> <IMG src="s3.gif" ali9n="absbotton">,
<IMG erc="s2.gif" align="absmiddle">,
<IMG src="sl.gif" align="baseline">.
<IMG src="s1.gif" align="botton"> ,
cen <IHG src="s2.gif" align="iiddle">.
<IMG src="s2.gif" align="texttop">,
<IMG src="s1.gif' align="top">!

?
J'

, , ,
, @,
, @\

. 8.13. align


? .
.
(, , !), border <IMG>.
(. 8.14).
, .

104

align=cnter>3Toanbsp;aidash; /1>
<IMC src=uasya.gif align=left
: ... ..
*;Smdash; -

!

:
... ...

-

. 8.14. border

, " " ,
2 .
.
border <IMG> 0:
<img src=button.gif border=0 alt="KHomca ">
9.

, . 8.14 . , , .
.
?
, , , Photoshop : ,
... , , -
. , ,
, . ,
: , - HTML- , , , .

Web-

105

HTML-. <IMG> vspace hspace,


, (. 8.15).
-

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


<IHG src=uasya.gif align=lft border=l
hspace=40 uspace=2G
: ... ...
Snbsp;Sndaeh; - .
fl &;Sndash;
40Snbop,-
204nbsp;

0. T . t ' J t X

'..

fiCMUl-i

D:\My docs\DlALECT\HtmlTutoATESTHTMLhtml

!

:
...
...
-
.


40
20

. 8.15. vspace hspace


,


. . , , , .
.
, - .

106

.
, , , ,
..
. ,
, , , , . ,
. , ,
, .. , , , .
, . , Web , Flash.
. ., . Macromedia Flash MX "". .: , 2002.
Internet GIF (Graphic Interchange Format),
CompuServe, JPEG, (Joint Photographic Experts Group).
*.gif *. jpg. , . .
. GIF, JPEG
. ,
-.
. ,
Internet:
?
GIF JPEG .
GIF , JPEG . JPEG
GIF .
. GIF 256.
, , 2
, 254 .
JPEG 16,7 . , ,
/ . , , , , , GIF, ,
, , JPEG.
Web-

107

, JPEG, 256 GIF


"". Web-.
, , .
GIF .
, "" Web- :
GIF-, 1 "" .
, , ?
, , .
GIF- Web-
,
HTML. ,
.
1. . , HTML : ( ) ( ).
,
GIF, "" , (. 8.16).

ci >
<BRXIMG src=l.gif 11>
GIF
:s\DIALECT\HtmlTutor\TESTHTML.html - Mic

soft Internet Expl.

I
D:\My docs\DIALECT\HtmlTutoi\TESTHTMLhtml

)* :


GIF
. 8.16. GIF

2. . , <>
" " (. 2). GIF, ""
(. 8.17).

108

<PXIMG src=l.GIF
Slaquo;
crpoKH&raquo;, OTCTynaSnbsp:&ndash
SQSnbsp;

D:\Mydocs\DIALECT\HtnilTutoiYrESTHTMLhtml


, 30
. 8.17. " ", GIF

. JPEG, GIF , .
.
GIF-
Internet-. , Web-,
, , . Internet
. :

, ,
. :
, ,
, .
, Internet,
- ., . Photoshop 7 "".
.: , 2002.

Web- : , HTML-
<IMG>. , , <IMG>.
, , src. , , URL. Windows.
, , ,
. , , Internet, .
Web-

109

width height, , .
, , .
width height
, ,
.
, , , Web- .
,
alt.
, .

align.
( left) ( right),
, .
absbottom
, baseline bottom , absmiddle middle
, texttop top .
<BR> clear, right (
), left ( ) all ( )

. border .
.
. hspace vspace.
Internet GIF JPEG. Internet : , ,
, . JPEG
, .
GIF ,
. ,
Web- GIF-, 1
"". , ,
, .

1. HTML- ?
)

<IMG

=" flOKyneHTbt\vasya.gif">

) <IMG src="Mydoc\vasya.gif">

110

)
)
)
)

<IMG
<IMG
<IMG
<IMG

src="Mydoc/vasya.gif">
src=Mydoc/vasya.gif>
src="Mydoc/vasya.tif">
src="Mydoc/vasya.GIF">

2. HTML- ?

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


) <IMG src=vasya.gif border=l>
)
r)
)
)

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


<IMG src=vasya.gif border=1.5>
<IMG src=vasya.gif border=red>
<IMG src=vasya.gif border=0>

3. HTML- ?
) <IMG src=vasya.gif alt=vasya.jpg>
) <IMG src=vasya.gif alt=vasya>
) <IMG src=vasya.gif alt="3To ">
) <IMG src=vasya.gif alt=3TO >
) <IMG src=vasya.gif alt=Eto Vasya>
4. , .
) <IMG src=pict.gif align=right>
) <IMG src=pict.gif align=left>
) <IMG src=pict.gif>
) <IMG src=pict.gif align=left><BR clear=right>
) <IMG src=pict.gif align=left><BR clear=left>
5. , .

)
)
)
)
)

<IMG
<IMG
<IMG
<IMG
<IMG

src=pict.gif align=right>
src=pict.gif align=left>
src=pict.gif>
src=pict.gif align=left><BR clear=right>
src=pict.gif align=left><BR clear=left>

6. , .

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


) <BR clear=center><IMG src=pict.gif>
) <IMG src=pict.gif><BR clear=center>
r) <P align=center><IMG src=pict.gif>
Web-

111


...
4
4 "" Internet
4
4 ,
4 -
4


, ? Internet .
, "" .
? , ?
, "" . , , .
(hyperlink). , ( ), .

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

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

"" Internet
-, . , <>, , anchor
"". , , - :
, .
,
...
<> . , <> </>,
"", . ? " "?
, , . href
<>. , <> , , ...

1>,:; <>;,4(.i.i- . - . .

\DIALECTtHtmlTutor\TESTHTML html

,
?

!
. 9.1.
" " " "

, Web- ,
:
, ?
< href="2.html"> !<>

114

, . 8.1, ,
page2.htm.
, , , , 8.

, . , , , , . , , : ,
, , . , , .
!
.
.
? ,
. , ,
. (, ,
.) ,
, ?
?
, . .
: , .
...
,
? . ,
.
HTML . , . HTML- .
" " , -
. , . , begin,
end. <>
name, :

<!-- >
< name=begin>
< name=end>
<!-- >

115

. ,
.
, ,
, , , .
HTML #:
< href="page2.html#begin">nepeUTH page2.html</A>
< href="page2.htmltend">nepeiJTH page2.html</A>
: ,
"" , .
, .
, :
< href="#begin">nepeuTH </>
Internet, ,
-: , .
target. , (.
).
- _blank _self ( !). <> target=_blank, ,
, . target=_self, ,
, .
, .
_blank target . , , , . , ,
, ! ...
_blank , ,
. , , .

,
, :
. href
. ,
, .
.
(, ) MS Word, MS Excel, Adobe Acrobat .
116


.
. href ,
(, zip-),
Internet , ,
.
, Golzilla GetRight, .
.
:
< href=price.zip> - </>
Internet
. . ? . ,
.
Internet .
- .
, ,
. , Notepad HTML-. , ,
, ( ). ,
, , .
. " Web-". Web-
, .
:
, . , , href
, mailto: (. 9.2).
, ( , !) ,
e_polons@ukr.net.
.
. , ! href ,
.

117


, (!
__

t, -' 1 if -; HJ t'4 ^ 1 -

. 9.2. <> ,

1. ?subject=, .
2. - ,
. ;body=.
3. , , , ASCII-, %.
, (. 9.3). ...
.
- :
? , ... , , : . ,
, .
, , .
, ? , . mailto:, .

118

,
<fl href*"mailto:e_polone@ukr.nt?subjeet=nMcbHO,X28
282;<1=112
7.207.207.20-7.20207.2
7.2?" ></>


,
^^

>'

polnnsiaukr net

! -
?
:

*1

. 9.3. .

. ,
.
Internet . , ,
. .
, , Web-, ,
. , . , : (. 9.4).
.
"" , Internet. ,
, , .

119

!*,-, naat



^5

. 9.4. ,
: . , ...

-

, ,
"" ,
.
,
, 8:
, , " "
,
2 . , ,
, .
<IMG> border=0.
,
, . ,
, ,

120

. (image map).
? ,
(. 9.5), Web. (
, , HTML, ?) , , ?

. 9.5.
. , ?

, , ,
" " . ,
: ,
, .
,
,
. .
, , . -
. .
, <> "" <AREA>. <> (
"") ,
i <AREA> ( area "", "") ( . , <> ,
i <AREA> . :

'

121

< >
<AREA >
<AREA >
</>
? ? ? , .
.
"" <> name. ,
<IMG> usemap. "" :
< name="mymap">
</>

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


,
HTML. : usemap I.
, ? ,
. , shape
: , .
rectangle ( rect, ), circle ( circ) polygon ( poly). ? ? :
, , , , .
.
. coords.
.
, . , ,
. , ,
? , : (
, ?) .
coords. ,
40 , 10 20 , :
<AREA shape=circ coords="10, 20, 40" >
, , :
, . : , , . ,
122

40x50, 10
20 , :
<AREA shape=rect coords="10, 20, 50, 70" >
? , : .
. :
. : , . , ,
10 20
, 40 50 , , :
<AREA shape=poly coords="10, 20, 60, 60, 10, 60, 10, 20" >
shape: default. , , , ?
shape=default , ""
. : , , .
, . , . -
?
, : , ? ? <AREA> ""
, <> href. ,
"" , ,
nohref. . ,
, :
<AREA nohref >
HTML, <AREA> .
: , ,
, . , ( nohref): .
, , . -.
). 9.6. , . , 1 , , ,
. .
J , , ,
1 .

'

-| 23

. 9.6. , .
,

:
< name=britan>
<AREA shape=poly coords="26, 125, 247, 125, 244, 445, 129, 493, 75, 450, 26, 125"
href="home.html">
<AREA shape=rect coords="248, 200, 386, 445" href="timeline.html">
<AREA shape=rect coords="411, 200, 543, 442" href="topics.html">
<AREA shape=circ coords="653, 321, 106" href="atlas.html">
<AREA shape=poly coords="745, 218, 911, 218, 845, 457, 745, 457, 745, 218"
href="quiz.html">
<AREA shape=rect coords="18, 452, 325, 672" href="browse.html">
<AREA shape=circ coords="370, 521, 63" href="search.html">
<AREA shape=rect coords="452, 442, 619, 637" href="index.html">
<AREA shape=rect coords="619, 458, 898, 674" href="display.html">
<AREA shape=rect coords="345, 650, 596, 680" href="audio.html">
</MAP>
"" britan.jpg. HTML- :
<IMG src="britan.jpg" usemap=lbritan border=0>
?
.
, .
,
? ?

124

, , . . , alt.
<IMG> (, , ), <AREA> (. 9.7).

< name=britan>
<AREA shape=poly coords="20,70,170,70,170,305,110,335,55,305,20,70" href="home.html"
]="3">
<AREA shape=rect coords="175,170,255,305" href="timeline.html" alt="iKana ">
<AREA shape=rect coords="290,170,365,305" hre="topics.html" alt="">
<AREA shape=circ coords="445,217,80" href="atlas.html" alt=" ">
<AREA shape=poly coords="510,160,620,160,575,320,505,320,510,160" href="quiz.html"
alt="BHKTOpHHa">

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


<AREA shape=circ coords="255,365,63" href="search.html" alt="ItoHCK">
<AREA shape=rect coords="315,305,425,435" href="index.html" alt=" ">
<AREA shape=rect coords="425,320,625,470" href="display.html" ^="">
<AREA shape=rect coords="240,450,410,470" href="audio.html" alt="3ByKOBoe '^
</MAP>
<IMG src="britan.jpg" usemap=#britan alt="3acTaBKa " border=0>

D.\Mydocs\DLAJ-ECT\HtmlTutoATESTHTMLhtm

"*:'. :'.

. 9.7.

125

<AREA>, , <>, target.


11.

, , , : (. 10).
, ,
. , , .


... ! , .
, , , , -?
, - Web-
. Web- ,
.
? ? , :
? , . , , , , ...
: - .
... .
, ,
. ! , : " ". , ... . ?! -, : " -". -...
.
, ""
. , , ,
. , , .
* ,
. ? ,
, .
* - " "
" " ,
,
126

. ,
.
Web- . , , ,
. : , , .
,
. ,
:
, , ,
. , , . !
, ,
. Web, -, HTML. , ,
.

HTML, ,
Internet. <>. , , , ,
. <>
href, , HTML-,
. , ,
, . .
. <> , ,
href.
, ,
. <> name, . ,
href, URL , . URL #.
, <> : target , .
, 1~

127

_self _blank.
, , , , , , .
, . . HTML,
<> <AREA>. <> , . usemap
<IMG> , name <>, I.
<>... </> <AREA>.
, . , , ,
. , , <>, target ,
<IMG>, alt (. 8).
shape, : rect ( ), circ, poly default. , , . . coords.
, (
), .
, ,
, , .
, Web-,
. ,
, , , , .

1. HTML- ?

)
)
)
)
)

<> </>
<HREF> page2.htm </HREF>
< href=page2.htm> </>
< href="page2.htm"> </>
< target=page2.htm> </>

2. HTML- ?

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


) < href=page2.htm target=_blank> </>
) <A href=page2.htm target=blank_> </>

128

3. HTML-,
label, page2.htm, ?
) < href=page2.htm name=label> </>
) < href="page2.htm\label"> </>
) < href="page2.htm/label"> </>
) < href="page2.htrallabel"> </>
) < href="page2.htm, label"> </>
4. HTML- ?
) < href="mailto:tome8mail.dom"> </>
) < href="mailto:tomemail.dom; subject=IIpHBeT;body=KaK ?">
</>
) < href="mailto:tomemail.dom? subject=IIpHBeT;body=KaK ?">
</>
) < href="mailto:tome?mail.dom? subject=npHBeT;body=KaK%20flena?">
</>
) < href="raailto:tome8mail.dom?subject=npHBeT"> ? </>
) < href="mailto:tome@mail.dom?subject=lipHBeT;"> ? </>
5. HTML- ?

) < name=image>
<AREA shape=triangle coords="10,20,30,40" href=pag2.htm>
</MAP>
) <MAP name=image>
<AREA shape=rect coords="l0,20,30,40" href=pag2.htm>
</MAP>
) <MAP name=image>
<AREA shape=poly coords="10,20,30,40" href=pag2.htm>
</MAP>
6. HTML- ?

) < name=image>
</>
<IMG usemap=image>
) < name=image>
</>
<IMG usemap=#image>

129

) < name=image>

</>

<IMG usemap=limage src=image.jpg>


) < name=image>
</MAP>
<IMG src=image.jpg|image>
) < name=image>
</MAP>
<A href=image> <IMG src=image.jpg>

<| 3Q

10


...
f
4
4
4
4
4
4
f
*
4

4
4
*


:
. .
, Web- ,
.
, MS Word. "" - -
(. 10.1). .
HTML- , , ,
, , , ,
*.

; - 2003 > .
/

()
,

15:34 -
15:24 fnaifcu
15:03 - I1

IS e-SW Advert

^. , :}-
iM k,Ml>,

-Styie
Advert

TOOF-NT3 ^,!1 ^ ftTOJb i


. ^ -'>;
/ CHGDT
i
- W3 ^ ;

"-*:



: -2

1:4 "
15:34 -
16:24 ^
15 . 1 [\.

. 10.1. Web- ""


, .
, . , , , .
.

132

10


: . , ,
- . ,
, . , , , , .
, "" , , , .
, Web-, Word.
. "" Word .
. HTML-, ,
, ? ,
, Notepad ! ?
. , ,
, "" . . 10.2 .

</TD>
<TD>
</TR>
<TR>

</TD>
<TD>
</TO>
<TD>

,
,

,
,

</TD>

</TR>
</TBLE> n,-=,

] D:\My docs\DWLECT\HtmlTuM^TESTHTMLhtml

,

,

,
[
,
;

. 10.2. ,

133

, HTML-, , .
* <TABLE>, . .
<TR> ( Table Row ),
. .
* <TD> ( Table Data , ), . .
, , ,
. ,
. nowrap,
:
<TD nowrap> He ! </TD>
:
, .


.
, : Web- , ,
, .
Web- , , ?
, : ,
2xN N , N
, , . , . 10.2,
(. 10.3).
, ... . ?
"" , ,
. : . border
<TABLE> . , (. 10.4).

134

10

<H1 align=1> </1>


<TftBLE border=
<TR>
<TD>
<a href=page1. > </>
</TD>
<TD>

</TD>
<TR>
<TD>
<a href:page2.htn>BTOpafl </>
</TD>
<TD>
. . .
</TD>
</TR>
<TD>
< href=page2.ht>TpeTbfl </>
</TD>
<TD> <!-- --> </TD>
k/TR>
/TfiBLE>

D:\Mydocs\DIALECT\HtmlTutor\TESTHTMLhtml


. .
.

. 10.3. Web-: ,

, , Internet-.

135

<1 align^center- *</1>



. .
.

. 10.4. ,
border=l


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

136

?

. ,
HTML- "" :

10

<TABLE align=right>
</TABLE>
<1> !</1>
, :
, "", , (. 10.5).

D:\My docs\DLALECT\HtmlTutor\TESTHTMUtrnl


. . .
,__,,

_,



. .

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

137

!1:1> </1>
<TftBLE>
<TR>
<TD> <f
1</B> </TD>
<TD !8> <></> </TD>
</TR>
<TR>
<TD>
<a

D:\My docs\DWLECWtmlTutoATHS7HTMLhtm!


. .
.

. 10.6. align

. ,
? , , , . !
, :

<TR>:
<TR align=center> ... </TR>
, : , (.
" ").
, ,
? : ,
<TABLE>,
<TR>, , <TR>. ,
,
, . ,

138

10

. 10.7
, .

<TftBLE border*! align=left>


<TR align=center>
<TD>no </>
<TD>no </>
<TD align=right>no |/>
</TR>
<TR>
<TD>no </>
<TD>no </>
<TD>no </>
</TR>
<TR>
<TD>no </>
<TD>no </>
<TD>no </>
</TR>
</TflBLE>

1
[
|
{

ino
|_
||

Ino
(
Jno

. 10.7. ,


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

, .
, . .

139

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

<> . . .

D:\Mydocs\DIALECTVItmrTutoATESTHTMLhtml


. .
.

. 10.8. ,

? , valign. , top (. 10.9).


... ,
, .
.
:
.
.
? ,
. bottom middle valign. , : . , -

140

10

, baseline.
,
"" , "" .

</1>
<TftBLE>
<TR>
<TD> <></> </TD>
<TD align=center> <></> </TD>
</TR>
<TR>
<TD>
<a href=page1 .htmXlepeafl </>
<p><a href=page2.htm>BTopaa </>
<p><a href = 2.> </>
</TD>
<TD

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


. .
.

. 10.9. valign top



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

</TR>

141


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

HOI
.

\
I

[.
1

. 10.10. , . -
, , . 10.5,
, ,
:

<TABLE align=right width=50%>

142

10

, .
, ,
"" (. 10.10). Web? ... , , .


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

. , ,
, , . ,

, .
, , <TR>,
"" ? , .
, (. " ").

143

119=>4> </1>
<TflBLE>
<TR>
<TD> <></> </>
<TD align=center> <></> </TD>
</TR>
<TR>
<TD I'llJIJlU-l-V/b
<a href = page1 . </>
<p><a href=page2.htm>BTopafl </>
<p><a href=page2.htin>TpeTbfl </>
</TD>
<TD ualign=top>

<> . . * .
</TD>
3 D \My docs\DIALECT\lllrr
</TR>
|</TflBLE>

mmm

3 DAMydtjcs\DIALECT\Htmrrirtoi\TESTHTML.html


. .
.

. 10.11. , width 25%,


,


? , , , , .
.
cellpadding. He !
. . , , . .
, , .
, , Web-. : , , , ,
"". -

144

10

"" . cellspacing , . , cellspacing=40 cellpadding=25,


40, 25 (. 10.12).

D.\My doc\DIALECTWmrrutoi\TESTHTML.html

. 10.12.
cellspacing, cellpadding

? :
. , "" , : border, . ? ...
: , ,
15? , : , , ? :
(. 10.13). , . ? border .
, border ,
. .
. 10.4. , Internet , , : Web- .

145

(TABLE
<TR>
<TD>

,
</TD>
<TD>

.
</TD>
<TR>
<TD>
</TD>
<TO>
Bropi
</TD>
</TR>
</TftBLE>

( ,

. 10.13. border
. , , ? ? . ,
: bordercolor. -. , , :
<TABLE border=15 bordercolor=green>
, HTML , 4,
color.

<TBBLE border:15
<TR>
<TD border=5)

,
</
<TD>

</
<TR>
<TD>

DAMy doct\plALECT\Hlmn'uloi\TESTHTIvlLhlml

> ,

. 10.14. ,
bordercolor, "" (. . 10.13)
? , .
(. 10.14). :

146

10

"" - . , " "


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


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

147

frame all, , border,


. , groups
. , , " ".

,
[
,

,

,

__
^docs\D!

^-

<TflBLE border=10
<TR>

6,0

tSPHt

J ^Mydocs\DWl.EC1V-mlTutoATESTHTUL.hlml J

,
|
,
[

,

,

. 10.15. rules

148

10

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

,

| ,
(

,

,

,

,

149

:\My docs\DIALEtnV-mrrutaATESTHTML hlml

,

,
<

,

,

. 10.16. frame
: ,
<TABLE> .


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

150

: ,
HTML, , , "" .

, HTML-.
13.
, , . :
, , , , ,
. (, , .. cellspacing ) , (. 10.17).

I =*1> /1>
<TflBLE bpR
<TD>
<BXFONT 1=><//> </TO>
<TD align=center>
<BXFONT color = uhit>HoBoc</FONTX/B> </TD>
</TR>
<TR>
<TD ui
<a h
</TD>
<TD ua

<p>B
</TD>

D:\Mydocs\DIALECT\HtmrTutortTESTHTMLhtml

^
. .
.

. 10.17. , ,

151


, , , Web-: , ? , ,
, . 10.18?

'

? ^ " " ?

. 10.18.

rowspan,
rowspan. <TD> . , (. 10.19).

152

10

(table border:1>
Ctr>
(td BBHIJB|ffi align=center><b>BbicOKafl <//1>
<td>06bHHaa <>
(/tr>
(tr>

ALECT\HtmlTutor\3.h

<table border=1>
<tr>
<td :1>1 fl4eHKa</b></td>
</tr>
<tr>
fl4efiKa</td>
fl4eiiKa</td>
fl4efiKa</td>
</tr>
</table>

. 10.19. colspan
3 , rowspan 2

" ", ,
HTML, . MS FrontPage, "" . ,
, ,
.

153



<1>. <CAPTION> (. 10.20).

<TR bgcolor-black>
<TD>
<BXFONT color=Mhite>Ccunit</FONT></e> </TO>
<TD align=center>

<TD ui
nepi
<p>(
</TD>
</TR>
/TftBLE>


. .
.

. 10.20. HTML-
,

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

154

10

? ,
align top bottom, left, right center.

<CAPTION> valign. top bottom.
.


"" ,
- . ,
"" "". ,
,
:
<TABLE>
<TR>

</TR>

<TD align=centerxB>CcbuiKH</BX/TD>
<TD align=center><B>HoBOCTH</B></TD>

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

155

TftBLE>
CflPTION> <1> </1> </CflPTION>
<TR>

D:\My docs\DIALECT\HtmrTutoi\TESTHTMLhtml

<TD

<>
</TD>
</TR>
</TflBLE>

. .

. 10.21. <> <TD> ,


- - ... ""
,
. , ,
.
<TR>. ? , , . ? . ,
, . 10.21,
, ,
.
, , . . . . HTML .
<COLGROUP>. ,
, , :

156

10

<TABLE>

<COLGROUP align=center>
<!-- -->
</TABLE>

, , .
,
? , <COLGRDUP>:
<TABLE>

<COLGROUP align=center> <!-- -->


<COLGROUP align=center> <!-- ~>
<!-- -->
</TABLE>

!
<COLGROUP> span. , <COLGROUP
span=2 align=center> . , , , , ,
span=l, : , ?
, .
, , , ?
HTML, ,
. , , , . : <COLGROUP> ,
, "":
<COLGROUP => <! -->
<COLGROUP >
, , <COLGROUP>? ,
. ( valign), (width height) (bgcolor).
, <TD>.
, , , : ,
""
. ,
. 10.22.

157

<COLGROUP align=center>
<COL6ROUP span=2 bgcolor:lightblut>
<TR>
<></>
<></>
<TH>Snbep:</TH>
</TR>
<TR>
<TD> <a href=page1,1> </> </TD>
<TO> </TD>
<TD> 81.81.61 </TD>
</TR>
<TR>
<TD> <a href=page2.htm>BTOpaa </> </TD>
<TD> . Be. . </TD>
<TD> 82.62.62 </TD>
</TR>
<TR>

<TD> <a href=page2.htn>TpeTbfl </> </TD>


<TD> Snbep; </TD>
<TD> Snbsp; </TD>
</TR>

; *
;

. 10.22. <COLGROUP>

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

<COL>? , <COLGROUP>. :
<COL> , <COLGROUP>.

158

10

<TflBLE uidth*leex>
<CflPTION> <H1 * +/1 > </CflPTION>
<COLGROUP alian=cntr>


<TD>
<TD>
<TD>
</TR>
<TR>
<TD>
<TD>
<TD>
</TR>
</TflBLE>

62
<a I
Snb


HOI

. 10.23.
, , <COL>,
<COLGROUP>... </COLGROUP>

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

Web-
, , . ,
.

159

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


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

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

1. . 10.1.
2. . 10.1.

160

10

11

...
4
4
4
4
4
f
4


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

<FRAME src="source2.htm" name="frame2">


</FRAMESET>

-

-

i] -

Internet Explorer
.

Internet Explorer
.

1.
,

,

2.


, ,

,
.

.

. 11.1.
, , ,
src.
(. 8). , ""
. HTML- . "" Internet "".
-, , .
, , "" ?
.
, ... , , - ! , ,
, (
\), . , (, ), , . , "" homo sapiens.
frame "", "", "", ""... ,
. "", "". Web
Web-. , .

162

11

(. 10). . . ,
, - .
HTML
. - .
,
,
<FRAMESET> (. 11.2).

<FRftMESET cols=*,x>

< src=left.htnl>
<FRftME src=right.htl>
</FRflMESET>

-' ' |
|

,......,.. ',' j

!
'. 'ip-^ " 11'^
1

1 D.\My docs\DIALECT\Htmrfmoi\TES 'j*'|

. 11.2.
HTML-, <FRAMESET>


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

" "
.

163

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


. , Web-
, :
, , .
10, . :
HTML
" ".
, . HTML- references.html news.html
(. 11.3).
<FRflMESET>
<FRftME src="references.html">
<FRflME src="nws.htBl">
</FRflMESET>

D:\Mydocs\DW_ECT\

. 11.3. : , . - ...

164

11

, ! - ...
?
,
.
cols rows, , ( ) (
). cols rows
, , .


, .
. , , 250 , 550.
, . 11.4.
: .

< src="references.htnl">
< erc="newe.htl">
</FRMESET>

ttvily docs\DIALECT\HmrTutoATESTHTML.html


_
-

12

15 !
23 ,
...


..

!!!

. 11.4.
cols

, rows? (. 11.5)...
, - .
, , ,
, .

165

12

15

23

, ...

I
. 11.5.

, ? : cols= , . - :
<FRAMESET cols=100,200,400>
. ,
. , ,
, . . , , .
, ,
. ,
, .
? . , .
, -.
. . :
(. 11.6).

166

11

U<FRftMESET

<FRBME src="references.htl">
<FRflHE 8rc="nes.htl">

|]</FRfiMESET>

r,,,^>a

,n.i:,,,,i,

Hnt-n;-

IT.

,;..-, :-

.i,.'^,>!

I-PPIM -:

3 D:\My docs\DIALECWmlTutot\TESTHTMLhtml
1 flllf, -rrlr-fl-Y-r-f-- =


.51
-

12

15

23

,
...

!!!

1
JJ

. 11.6. , " "

, , . ? .
, ?
-- .
"", .
(. 11.7).
, , , , ,
.
, .
HTML-
, : , , 30% , , .
"
". . ,
, 30% , , 70%? , 30%, (. 11.8).

167

(FRAMESET

<FRSME erc="rfrnce9.htl">
<FRftHE sr
</FRflHESET>

D Wy doraUMLECT\HlmlTuttiVrESTHTML

15
!

23


...

. 11.7. ""

FRflMESET
<FRftME erc^'rtfertnces.htnl")
<FRftHE src="nHS.htl">
/FRflHESET>

,!) D:\My docs\DW-ECT\HtmrTutoi\TEST>ITMLhlml

12

15 !
23

,
...

!!!

. 11.8. , ""

168

11

, , .
"" , ,
, . ,
<FRAMESET cols=*,2*>
, ,
1/3, 2/3 (. 11.9).

<FRAMESET
<FRflME src="rfer*nces.htiil">
<FRftHE ere="n*He.htl">
</FRflMESET>
OPOR-O
.

B",.

.-!:.--<"

-.:

D:\Mydoc5\Dl4LECTiHtmfTutor\TESTHTMLhlml



&

12

15 !
23 ,
...

!!!
!
!

. 11.9. "" ,
, ,


, , ?
, ,
: ? <FRAMESET> rows cols (. 11.10)? , , , ...
, : ,
. , , , .
, <FRAMESET> (. 10.11).

169

<FRAHE rc"hd.htil">
<FRftME ere = "rfrne.htl">
<FRflME src="news.html">
</FRflMESET>

. 11.10. <FRAMESET> ,

FRftMESET
<FRflME src="hd.htr'>
<FRHESET cole=.2>
<FRflME erc="rfrnces.htnl">
<FROME src="nns.btnl">
</FRfiMESET>
</FRflMESET>

%f
%
:|

12

..

15

23

,
...

_.!?
.

1 81
1

!!!
!

iH

. 11.11. ,

170

11


, ,
Windows, .
, .
; .
,
, .
, .
, . "" frameborder, yes . yes 1,
0. , , , , frameborder=yes
: .
,
frameborder=0 - . ,
"" (. 11.12).

<FRAME erc="head.htl">
<FRflMESET eols=K,2*>
<FRfiME src="referencs.htl">
<FRflHE *<"
</FRflMESET>
</FRftMESET>

._

iel D \My docaWI FOT\I ilmll utui\TEG1 H i Ml html



.....
'-

12

15

23

,
...

!!!

iixnuiv !

. 11.12. frameborder=0,

171

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


<FRAMESET>,To . , (. 11.13).

<FRMEST
<FRAHE erc="heBd.htl">

<FRftMESET cols=,2
<FRftME src="referencs.htl">
<FRflME erc="news.html">
</FRflMESET>
</FRflMESET>

&">

D:\My docs\DIALECT\HmlTuttATESTHTMLhIml

12

. 11.13. frameborder=0
<FRAMESET>,

border.
, (. 11.14).
<FRAMESET>.
, Windows. , , , HTML, bordercolor. . , fRRGGBB.
, bordercolor , (. 11.15).

172

11

<FRflMESET roue:100,
<FRflME 8rc="head.htl">
<FRflMESET cols=>,2*
<FRSME src="referencs.ht
<FRflME src="newe.htnl">
</FRflMESET>
</FRftHESET>

D:\My docs\DtALECT\Htmrrutoi\TESTHTMLhtm

12

15 !

. 11.14. border

, framespacing.
. . ,
, : , . ,
: , cellspacing .
, "" (. 11.16).
, "" , 13.

, framespacing , .
. , , ,
.

173

j,TCSTHTML-6/iuK

[FRAMESET rows:100.x border:20 bordereolor:red>


<FRflME src:"head.html">
<FRftMESET cole:x,2x>
<FRAME arc:"references.html" bordercolor=yellon>
<FRflME erc:"neMs.htnl">
</FRflMESET>
/FRAMESET>

D:\My etec*WICTVHtmrruta\TESTHTMUltml



-
1

12

15 !
23 ,
...

. 11.15. bordercolor

marginheight marginwidth. <FRAME>


.
(. 11.17).
, , ,
, .
? , "" .
, , : ,
, ?

174

11

! TrSTMTML -

UFRflMESET rows'100. fraeepacing=2e>


<FRflME src="head.html">
<FRflMESET cols=x,2*
src="rfrencs.htnl">
<FRftME src="nwe.html">
</FRflMESET>
J</FRflMESET>

. ;' i-

3H>\My<inr.s\l>IAII I \> llml rulnryn SI H Ml hi

3 DV^y docs\DK4-ECT\HtmlTutoiMESTHTML.html

. 11.16. framespacing

, : .
, . ?
<FRAME> noresize. . , ,
. ,
<FRAMESET rows=100,*>
<FRAME src="head.html" marginheight=5 noresize>
<FRAMESET cols=*,2*>
<FRAME src="references.html">
<FRAME src="news.html" marginwidth=50>
</FRAMESET>
</FRAMESET>

, references.html news.html, - , head.html .

175

FRAMESET rous=100,*>
<FRflME erc="had.htil"
<FRflMESET cole=x,2x>
<FRflME src="references.htl">
<FRflME src="neus.html" merginuidth=50>
</FRftMESET>
</FRflMESET>

D:\My docs\DIALECAHtmlTutoATESTHTML html

12

15

23 ,

...

. 11.17. marginheight
, a raarginwidth

, , .
, . , , . ,
, , , .
, ,
<FRAME> scrolling. -, yes, no auto.
,
,
, . ,
: , ;
, .
, scrolling=no. , , (. 11.18)

176

11

12

15 !

<FRftMESET =?,>0
<FRflME src="head.html" rginheight=5 noresize
<FR(tMESET cols=,2x>
<FRflME src="references.html">
<FRflME src="news.ht*l" narginwidth=5e>
</FRflMESET>
</FRflMESET>

12

Bar

. 11.18. , scrolling

, , :
, , ,
?
,
. , ,
. name:
<FRAME src="news.htm" name=raainframe>

177

, , target <>:
< href="prod.html" target=mainframe>Hama />
, 9.
,
target: _top _parent
, ; _self
, _blank .
, ,
. HTML <NOFRAMES>. <NOFRAMES>... </NOFRAMES>?
, ( )
, -... , , , ,
, <NOFRAMES> .
- HTML- ,
, , - :
<FRAMESET cols=2*,*>

<FRAME src="left.html">
<FRAME src="right.html">
<NOFRAMES>

, .
!
</NOFRAMES>
</FRAMESET>


,
, , .
: , "" ,
- .
, "" ,
"" (. 11.19). , ,
. , .

178

11

((FRAMESET rous=TO,,70>

<FRflME erc="up.htel" noreeize scrolling=no>


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

<FRflME erc="doun.htnl" norsiz scrolling=no>


!</FRflMESET>

$ D:\My docs\DlECT\Hlm!TuIOI\TESTHTM..html

. 11.19. "" "" .

- . , , .
, , , left.html, right.html, up.html down.html
, .
, .
<IFRAME> ( inline frame). ,
<FRAME>. <FRAME> , a <IFRAME> !
<IFRAME> </IFRAME>?
, , , HTML ,
.
<IFRAME>: , , , - , (. 11.20).

179

<TflBLE bgcolor=pink Midth=100X>


<TR>
<TH bgcolor'black colspan=2>
<H1XFONT colorsuhitHa3BaMM /FONTX/HI >
</THX/TR>
<TRXTD>
<H3>CcwiKH:</H3>
: href: prod. htiOHana </>
< href=seru.ht>HaiM </>
< href=price. htnpaflc-nMCT</fl>
<PXfl href=contacts.ht>flpc ></>
<PXfl hrf=ap.ht>KapTa </>
</TD>
<TD>
<>:</>
<IFRftHE src=nns.htl>
[^TflBLE bgcolor^uhitQ C9llpadding= 10 width-80/ n >
K T R X T D ualign=top>ianbsp;flHDapfl</TD:_
S|<TD ualign=top>C !</TDX/TR
" <TRXTD -1>125;/>
^ <TD ualion=top>Co < / /

D:\Wydocs\DIALEC

' &'

!Sf||

:
1

I <Jocs\DIALECnrtmrTuBl\2.hhil

:
! i
I 1

I 12

. 11.20. <IFRAME>
,

,
<IFRAME> .

. 11.20 <IFRAME>
src. , , ,
"" , news.html. .
, width height
. , () (

180

11

, "" ).

(. 11.21), - : , ...

href=contacts.ht>ftapeca *</>
( href=map.htni>KapTa </>
C/TD>

width:7>

(>:</>
CIFRflME
(TABLE bgcoloi-'Uhit cellpadding=10 Hldth=89X>
(TRXTD ualign=top>ianbsp;flHBapfl</TD>
<TD ualign=top>C //
<TR
(TD

C/T

12

15

23

,
...

!!!

;;>i.V.:|v-'

. 11.21. , width height ,

, <FRAME>.
, . <FRAME>, <IFRAME>
, , marginheight marginwidth. ,
frameborder scrolling. , ,
, , name,
.

181


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

, name. target <>.

<IFRAME>. ,
<FRME>, , <FRAMESET>, HTML-.

1. HTML- ?
) <FRAMESET rows=70,*> </FRAMESET>
) <FRAMESET rows=70%,*,70>... </FRAMESET>
) <FRAMESET cols=70,*%> ... </FRAMESET>
r) <FRAMESET cols=70000,*> ... </FRAMESET>
) <FRAMESET rows=*,*> ... </FRAMESET>

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

182

11

) <FRAMESET rows=**,*> ... </FRAMESET>


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

183

) <FRAMESET cols=*,* border=10>


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

184

11

12

...
4
*
*
4


4 -
*


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

: , , "", "" , ? " ",


,
. , !
, , , ,
- .
, : - .
<FORM> ,
. !
: , ,
, , , , , "" ...
? - .
, , action. , - ,
URL, .
.
, .
, , . ,
JavaScript (. 16).
, - action
. , .
? : HTML
Internet. :
(": ; : 123456789; :
.."), , (, URL). ,
, method. post ( ""),
get (""). . , ? . , post.
, , , Internet. , ,
enctype ( encryption type ).
MIME. enctype application/x-www-form-urlencoded,
text/plain. , , :

186

12

<FORM dLction=mai.lto:no4TOBUH@aflpec method=post enctype=text/plain>

</FORM>

, . ,
, , , , . ,
? ,
target (. 11).


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

187


HTML- .
, Internet-, ,
: ,
(. 12.1).

'
1

<=

- Google- Google In English

w
. 12.1. .

<INPUT>.
, "" , . type " " . , text, <INPUT> "" .
, . , <FORM> <INPUT>. ,
(. 12.2).

188

12

ffj TESTHTML - bnuKHUT

<FORH act ion:"mail to:nynailQnail.ru"


enctype=text/plain method=post>
<> :</U>
<INPUT type:text nane:search
ualu*="1235678312356789123456789">
</FORM>

: |123467891234678

. 12.2. ,

.
: ? , , , .
search 123456789123456789123456789, value. ,
, .
? . , 18 . , , ?
"" size. , . , -
, , size 2.
? . , , ""
(. 12.3).
,
maxlength. ,
. 2,
(. 12.4).
.
,
. . , type password (. 12.5).

189

:FORM action=".ailto:y.aiieail.ru"
nctype:text/plain ethod=post>
! :
:INPUT tupe=text nane=data

.......
ilons@ukr.net (moil)

. 12.3. size ,

<FORH action="mailto:Mymail@nail.ru"
enctype:text/plain nethod=post>
:
<INPUT type=text name: dot a siz=2
</FORH>

) D:\Mydocs\DIALEC

--^-. Mif. rnsoft Internet Explorer.


data=12

. 12.4. maxlength
190

12

<FORM action="ai 1 to:nynai18nai 1.ru"


enctype=text/plain iethod=post>
:
<INPUT

nane^psu size=8>

D:\Mydocs\DlALECT\
=-... -- -

_polonscomizdat.com ()

Microsoft Internet Explorer

psw=naponb

. 12.5. : ,
,

, , HTML-. , , . ... , , :
. , .
, , .
, Windows,
. HTML-, type file (. 12.6).
, , .
<INPUT> type=hidden:
<INPUT type=hidden name=secret value="B ">

191

<FORH act 1="11 to: nyiiiail8iiail.ru"


enctupe= text/plain method=poet>
:<>
<INPUT IJII.fmitJ name=fl size=5S>

.'-^. .
1

....':.:::.

D:\MydocsVDiALECTYItmlTutor\TESTHTMLhtml

:
p :VMy docsVD I ALECTVHtmlTutortFAQ .doc

' Microsoft Internet Explore

fl=D:\My docs\DIALECT\HtmlTutor\FAQ.doc
. 12.6. file

. ? ,
, . , ,
""?
:
, <Enter>.
"" . ,
, .
,
<INPUT>, . type
.

-. "",
"", "", "!". , . ,
.

192

12

<FORM action="mailto:mymailQmail .ru"


enctype=text/plain method=post>
:<>
<INPUT type=text name=fio galue=<W10 size=50>
<P align=centerXINPUT Q

Q name=ok>

</FORM>

D:\My docs\DIALEC1\HtmlTuloATE

< Tf ,

I f ,

iCkstS;, ^ i if; 4

( Microsoft Internet Explorer

=
=

. 12.7. , type submit

, type
submit. , name value? . , . 12.7, .
, value,
" ". ok . , . -,
. , ,
"". value. , - ? .
name , (. 12.8).

193

<FORM action="mailto: ymailStnall .ru


enctype=text/plain method=post>
:<>
<INPUT type=text nane-fio !*= size=50>
<P align=center><INPUT type=submit LIMIII--UtJil.fclil!bJa>
</FORM>

D:\Wy docs\DIALECT\HtmlTutoATE

Microsoft Internet Explorer

. 12.8. value
, name
"" , . type submit
image. , <INPUT> , (.
8). , -
, -
(. 12.9). , .

194

12

FORM act ion= "tail to: nynailQiail.ru"


enctype= text/plain method=post>
:<>
INPUT type=text name=fio != size=50>
P align=centftr><INPUT 1! name=send
src=send.gif = >

DWydocs\DIALECT\HlmmitorVm;gJ:;|t

[
III e_polonsukr.ne1

(moil]

'lU-.-.MV

Microsoft Internet Explorer

'=
send.x=21
send.y=35

. 12.9. , ,


, . , ,
. , "".
? -, .
type reset.
, submit, , , , (. 12.10).
: , . ...

195

<FORH action="ilto: ynaiiaiail.ru"


enctype=text/plain nethod=post>
: <8R>
<INPUT type=text neB=
<P align'c
<INPUT HR- 1=0>
<INPUT type=submit !=0>
</FORM>

mm
Ui

i! -

Microsoft Internet Explorer

. 12.10. reset ,

. 12.10 : , , . , ( , !) " ",


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

196

12


, , . ,
. ,
"" ( maxlength). , , .
- .
, (. 12.11).

" " <e_polanseiukr.net>


tjjiukr.net http://freemail.ukr.net

'"
:

:'
SdQKb.

. 12.11.

<TEXTAREA>. , , name
value ? (. 12.12).
: ?
<TEXTAREA> , .
, . ,
value: .

197

<FORM action*"ailto:nynaiienail.ru"
enctype= text/plain nthod=post>
:<>
<TEXTflREft nameHext ualue= " "|>

< align=centr>
<INPUT type=reset 1=>
<INPUT type=submit !=>
</FORH>

:
!=>

. 12.12. , <TEXTAREA> <INPUT type=text>

, value , , , . , , (" ").


: ? ,
. "", .
rows , cols . , .
, ,
(. 12.13). . . , ? ,
"" . ? , ,
" ". ""
? ?
, , . ,
, wrap. ,
: , : , . virtual.
,

198

12

<Enter>, wrap
off. , , ,
hard (. 12.14).

(FORM action="ailto:ynaiiaail .ru


enctype=text/plain method=post>
:
aliqn=center>
(
:/>

-..

' Microsoft Internet Explore

1=

. 12.13. ""

199

<FORM act ion:"ai1t:yuailaai1.ru"


enctype=text/plain method=post>
:
< ali9n=center>
^^^^^^^^
< -text cols=25 rous=5
, -,
</>

!)(:.

CEFC..W.

:
, ,

^ Microsoft Internet Explorer

11=, -,

200

12

<FORM action: "ailto: nyiiiaiieiiiail.ru"


enctype=text/plain method=post>
:
< align=center>
<TEXTftREft nae=text cols=Z5 rons=5
, -. :;

& .
3 D:\Wy docs\DIALECT\HtrnlTutor\TESTHTJ


, -*

9: I

1=, -,

201

<FORH action^"nailto:mymaiianai1.ru"
enctype=text/plain method=post>
:
< align:center>
< nan:text cols=25 rows=5 1>
, -, ;

</TEXTflREfl>
< 1

<INPU
<INPU

:
, ,

4? -

' ' " ' | ( Microsoft internet Explorer.

11=, ,

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


,
- . , . , -.
"", "" (checkbox).
<INPUT> type=checkbox.
? , ,
. , , name value... , ,
- (. 12.15).

202

12

FORM action= "mailto:nynail8Bail.ru'


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

. 12.15. :

FORM action="ailto: niymailQmail . ru"
enctype: text/plain iethod=post>
6:<>
INPUT type=cheekbox naie:ekler> <>
INPUT type=checkbox name=fruit> <>
INPUT type=chackbox nae=choco> TopT<BRX/I>
P alig
INPUT
INPUT

- ; t ri'miiiiiiiiii-

~~;%$ Microsoft Interne! Explorer

fruit=on
choco=on

. 12.16. <INPUT>;

203

<INPUT>,
.
. ? , ,
, ,
. .
, , . value (. 12.16).
: . ,
? ,
, . ""
, .
- ? (* 12.17).

FORM action^"mailto:inynaiieiiail.ru"
enctype=text/plain nethod=post>
:<>
<1>

<INPUT type=checkbox nane=choco> <>


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

:
f

18011!1

. 12.17. ,
name

204

12

.
? . ,
on (. . 12.16).
, ? , <INPUT>
value on. , , , :
value, . , ,
checked. (. 12.18).

FORM action="ailto:ynaiieail.ru"
enctyp=text/plain nthod=po8t>
am :<>
I>

INPUT type=checkbox nanie=ekler> ><>


INPUT typ=checkbox noe=fruit> <>
INPUT type=checkbox nane=choco <></1>

P align=center>
INPUT type=resot ualu
INPUT type=subiit ual
/FORM>
J
''--' ''^:

Lxplore,

Microsoft Internet Explorer.

|choco=on

I
. 12.18. , checked
Internet-, ,
, "" ,
, . -

205

- "
", "".
? "",
...

-
- ,
, , (radiobutton). <INPUT>,
, type radio.
, - <INPUT>. , , - . :
. , , , checked (. 12.19).

<FORM action="oilto:iyiaiiaMil.ru"
netype:text/plain method=poet>
- :<>
<INPUT ^ nane=choic> <>
<INPUT type=radio name=choice> <>
<INPUT type = radio naie = choice checked) <></1> ;
<P align=center>
<INPUT type=reset !=>
<INPUT typesoubmit !=>
</FORH>

- :


3

::.

;,/..; '.-= ( Microsoft Internet Explorer

. 12.19. -
<INPUT> type=radio

206

12


. .
.
.
, . ,
, Windows : , - , . ,
"" . , .
HTML-?
<SELECT>, <OPTION>. , . 12.20.
IR TESTIITML -

|j<FORM action= "nailto:itynaiiaiail.ru"


enctype=text/plain method=post>
:
<P align=center>
SELECT name= day;
<OPTION ualue="He "> ,
'.OPTION ualue= ^
<OPTION !=>

<OPTION
<OPTION
<OPTION
< OPT ION
ik/SELECT>

!=>
1=>
1=>
1=>

D:\Mydocs\DI

< align=center>
<INPUT type=reset 1=>
<INPUT type = subiit ! = >
</FORM>

. 12.20.
<SELECT> <OPTION>

-, <OPTION> . , <>, <> .

207

, "<SELECT> <OPTION>" : - <SELECT> value


<OPTION>, .
, , <OPTION> , checked selected.
.
, ""
. ,
, .
size <SELECT>. , "" ,
1. , , 3? , (. 12.21).

<FORH action="ailtO:iyailiail .ru"


enctype=text/plain nethod=post>
:
<P align=c*ntef>
ELECT nae=day
<OPTZON name=a ualue-"He ">
JPTION 1=>
JPTION !=>
<OPTION !=>
<OPTION 1=>
<OPTION 1=>
<OPTION 1=>
<OPTION !=>

</SELECT>
<P align=cen
<INPUT type=
<INPUT type:

. 12.21. size
, ? -, , .
. , ,
. , . . , -

208

12

multiple. checked, .
(. 12.22). :
- .

<FORN act ion= "nail to: ! 111.ru"


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

day=He
!=
day=

. 12.22. multiple

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

: , , . , : , . , . ,
,
.

209


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

210

12


1. HTML- ?

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


x-www-form-urlencoded>
</FORM>

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


</FORM>

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


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

)
)
)
)

<INPUT type=text value=" :">


<INPUT type=text name=itext value=" :">
<INPUT type=text name=itext> </INPUT>
: <INPUT type=text name=itext>

3.
?

<INPUT type=text name=itext size=10 maxlength=20>


) 10 20,
) 20 10,
4. HTML-
?

)
)
)
r)
)

<INPUT
<INPUT
<INPUT
<INPUT
<INPUT

type=button value=submit>
type=submit value=OK>
type=submit name=OK>OK</lNPUT>
type=submit name=OK>
type=iraage src=ok.gif value=OK>

5. HTML-
?

) <INPUT type=button value=reset>


) <INPUT type=reset value=Cancel>

211

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


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

) <SELECT name=vl multiple>


<OPTION value=" 1">
<OPTION !=" 2">
<OPTION !=" 3">
</SELECT>

212

12

13

HTML-
...
4 Web-
4
4
4
4

Web-
, HTML, htm html (. ). ,
, HTML .
HTML- <HTML> </HTML>:
<HTML>

Web-
</HTML>
, "", , Web-. , .
Web- : ,
, , , Internet,
. , <HEAD> <BODY>:
<HTML>
<HEAD>

<! Web- >


</HEAD>
<BODY>
<!-- Web- -->
</BODY>
</HTML>

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


Web- , , , . ... , .
, .
leftmargin,
rightmargin marginwidth. , , ,
. , ,
rightmargin marginwidth, , marginwidth?
. , HTML ,
. : Internet Explorer rightmargin leftmargin, Mozilla marginwidth.
, IE " " -
.
. Web- , <BODY>
IE, Mozilla (. 13.1).
? :
. Web-
, , ...
. Internet Explorer topmargin bottommargin.
Mozilla marginheight.

214

13

>..;,.. i

mm

. 1

<BODV ergiriHidthHOe leftmargin=30 rightnarginsZBp


. 13.1. Internet Explorer


rightmargin leftmargin,
Mozilla marginwidth

, ,
, ""
, , .

?
, .
bottomargin rightmargin,
, , topmargin leftmargin (. 13.2).
, ,
, .
, ...

HTML-

215

HTML>

BODY arginheight=56 marginnidth=19


topnargin^SO leftmargin=1G>

/BOOY>






. 13.2.
IE, Mozilla

<HTML>
BODY
_____
HI > </1 > '.-,
</BODY>
</HTHL>

D.\Mydoc,\DIALEC-rVHlmrTutoATES




141

LJ
L-^'-v,-,...,

. 13.3.

216

13


"" - ,
. . , , ""
. bgcolor. , , IRRGGBB (. 10).
, ,
, background. , , URL . , (. 10).

, <BODY>
bgcolor, background? , :
"" .
.
,
, . ,
, ( ), , , , , !
"". , , . , , , "" .
, .
, (. 8), "" , bgcolor, .

,
bgproperties: fixed, "" , . ,
Internet Explorer, - : ,
, .
, . , , ? , :
<BODY bgcolor=pink>
<FRAMESET ^
<FRAME src="head.htm">
<FRAMESET cols=*,2*>
<FRAME src="references.htm">
<FRAME src="news.htm">
HTML-

217

</FRAMESET>
</FRAMESET>
<BODY>
, . <FRAMESET> <BODY>.


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

<BODY>. text.
? ,
IRRGGBB (. 13.4).

<1_>
<BODV bocolor=black t e x t = w h i t e >
<1>-
,
;Sudaeh;!
</BODV>
</HTML>

-!
,
!

. 13.4. <BODY>

.
, : link , vlink ( visited link)
alink , .. , .

218

13


.
HTML-, , , JavaScript.

Web- : .
14. Web- , ""
, , ,
<BODY> </BODY>. <BODY> , , , .

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

219

14


Web-
...
?

...

4 <>


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

. , 35 , , .

( , , , ) :
, ,
- .
. ,
,
? . .
, , .
, ? Internet. . , ( , spider ). ""
" " .
.
,
, , .
: ( ) , .
, , , ? , , , , . , , ,
, . , . , "" ( ) , , .
? .
, , , .

...
<HEAD> </HEAD>? -, . , ,
. Web . <TITLE> (. 14.1).
? Windows
? , . . ,
Internet UNIX. , Windows. , , -

222

14

8.3: , , , . : Web-, .

<1_>
<>

</HEflD>
<BODV>
<2 align=centr>

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



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

. 14.1.

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

Windows, "" ( , ), ,
. ,
, . ,
HTML .
,
, !
Web-

223

* , <TITLE>
. , ,
. .
* 60 , . , , . .
. , - " , ...".

<>
<>.
<TITLE>, "" .
<> "". ,
, , .
, -.
<> :
< =" -" content="">
name <> http-equiv:
< http-equiv="rm " 11="">
- HTTP .
, <>
-. , -, <>:
< ="- 1" content=" 1">
< http-equiv="- 2" content=" 2">
< name="- " content=" ">
-.

Keywords
- ( ) , . ( ) " ",
. keywords
, - , :

< name="keywords" !1=" , Web-, -,


Web designer, Web-, ">

224

14

(, , Web-)
, .
* .
, , "Web-",
"Web-". ,
, .
*
, .
"" "".
* Internet "" ,

. , . ,
, ? , , , , ? "" .
* ""
,
. 200 5-6 .
* , , :
,
,
, . :
- , -
, .

Description
, , .
- description.
, , , . - , . - , , , ... , , "" , : description, .
, - description
: , ,
:
< name=" description" content="3TO Web-.
Web-!">
Web-

225

- ... , .
, . 100200 ,
.

Robots
- : ? index, noidex, folow nofollow, , ,
, , . - robots, . , ( , , ), ,
, , :

< name="robots" content="noindex, follow">

, .
robots.txt , . , , , .

Generator
-.
HTML-, "":
< name="GENERATOR" content="Microsoft FrontPage Express 2.0">

<META name=Generator content="Microsot Word 9">


Word 9? , ""
, Word 2000...

Author copyright

:
< name="autor" content="H.n. , u_popa_byla@on-ee.lub.il">
< name="copyright" content=" , ">

226

14

Content-type
- content-type http-equiv.
( !) "" Web, :
< http-equiv=content-type content="text/html; charset=windows-1251">

Expires
- expires http-equiv. , , , .
,
< http-equiv="expires" content="Wed, 20 Jun 2001 00:00:01 GMT">
, 20 2003 .

Refresh
- refresh http-equiv.
,
, ,
, , , .
- refresh "; URL". ,
< http-equiv=refresh content="20; url=http://server/next.html">
, 20 http: //server/
next.html.

, Web-,
. ,
,
. , <TITLE> </TITLE>,
, - keywords description.

1. HTML- ?
) <> </>
) <TITLE text=" ">
Web-

227

) <1> </1>
) <1><> </></1>
) <TITLE align=center>3aronoBOK </1>
2. HTML- ?
) < name=keywords>crmcoK </>
) < name=keywords contents="cnHCOK ">
) < name=keyword content=" ">
) < name=keywords content=" ">
) < http-equiv=keywords content=" ">
3. HTML- ?
) < name=description content=" " name=copyright'content="A.B. ">
) < namel=description content=" " name2=copyright
content="A.B. ">
) < name=description 1!=" " httpequiv=copyright content="A.B. ">
) < name=description content=" ">
< name=copyright content="A.B. ">
) <>

name=description content=" "


name=copyright content="A.B. "
</>

228

14

15



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


, , "" HTML. ,
Web-. . ,
size
, . : . , , Word,
.
, "" HTML ,
, - (, , ) .
, - ,
:

<FONT size=5 color=red><I>Kpacffii 5</!></FONT>


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


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

230

15

Bfont-sizg : 18; color:white


d-color: black
, .</1>
,
<1> , .</>

, .

,
, .

|:

. 15.1. :
; ;


" "?
: , " ". . , ,
, , .
<STYLE>, ;
<STYLE>

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


_2 {_1: ; _2: ; ...}

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


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

231


, , (.
. 15.1), ? . 15.2. , ,
, . ,
" ", . ,
,
, , <FONT>.

<STVLE>

I (font-size:18; color:white; background-color:black)


</STVLE>

<1></1>
> <1></1>,

style="color=black; background-color:uhite">
(FONT size=3>cneu.HanbHO </></1>.
sgOff

I m >-

.*-

. pOHOBHTB

.5

If

J \MyduCb\PIAltC-l\HmilTulortTESTHT!


;,
.
'

. 15.2. , ,
. "
" HTML
: <STYLE>
.
, . , ,
, , , . 15.3. ,
.

232

15

<STVLE>

I (font-size:18; color:white; background-color:black) ;


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

. 15.3.
,


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

233

, "" , ,
. inverse
, <>, (. 15.5).

<STVLE>

[.inverse {font-size: 18; color:white; background-color:black]


</STVLE>
<1> </1>, ;Smdash:
I class: inuerse>KypCHB,
< <BXU>inuerse</UX/BX/I>.

,
nwers

._; "'" '

' ~ !lD

. 15.4.
,
TESTHTML -

<STVLE>
I.inverse (font-size:18; color:uhite; background-color:black)
</STVLE>
<I class?1&>,
inverse,</IX/DIU>
a SToSnbsp;mdash;
<P class=inuerse>a6oau,
.
3 D\My docs\DIALECT\HtmlTulut\TESTHTML him! - MIC

014..!;!,

!:1;>

, ci,,4

11.S,:,,,

docs\D!ALECT\HtmlTulor\TESTHTML html

inverse

,
.
. 15.5. ,
, ,

234

15

, ? ,
, , 18 ,
, ,
?

<DIV>: . , <DIV>,
, (. 15.6).

<STVLE>

DIU.inverse (font-size:18; color:uhite; background-color:black)


</STVLE>

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

, inverse.

. 15.6. , ,
<DIV>,

STYLE>

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


</STVLE>
<I class:inverse,
inverse,</IX/DIU>
STOinbsp;Smdash;
(P class=inverse>a63ai4, .

'"-fA

, ;

. 15.7. ,
,

235

. .
(. 15.7).


HTML, ,
, "" .
, , IRRGGBB.
, .
, , , .
, , .
, , . .
,
color. , (. 4),
IRRGGBB.
.
, ,
? ,
, "" , . , .
: ,
, .
CSS. ,
.
, ,
(!) . 255, 0. , ,
, :
I.red {color: rgb(255,0,0)}
, :
I.red {color: IFFOOOO}

I.red {color: red}

236

15

255?
, , , , . , 8 .
, , 255 FF . ...
, , :
I.red {color: rgb(100%,0,0)}
, ;
, :
I.yellow {color: rgb(100%,100%,0)} "<! -->
I.orange {color: rgb(100%,100,0)} <! >


, ,
. backgroundcolor.
HTML-, , .
, , (. 8). , , backgroundimage (. 15.8). , , URL-.
, , , , ""
Windows. HTML
. CSS . "" background-repeat.
repeat, .
, , repeat-x,
repeat-y. ,
, no-repeat (. 15.9).
: - HTML? . , . <BODY>. .

237

<STVLE>

.bg (background-image:url(back.gif)}
</STVLE>
<H1 class=bg>3TO </1>
.
class=bg> fl .

. 15.8. background-image

STVLE>
bg (background-image:url(back.gif))
</STVLE>
clase=bg style= background-repeat=repeat-x>
</1>
.
< claes=bg etyle="background-repeat=no-repeat">
.

docs\DIALECT\Htmrruloi\TESTHTMLhtml

.
^-'?1

. 15.9. background-repeat
""

238

15

CSS background-attachment , . : fixed


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

left, center right, top, center bottom.
: background-position: top right, background-position: top right , background-position: 0 100%.

239

STYLE>
bg (background-image:url(back.gif);
background-position:10X 20%)
/STYLE>
H1 class=bg>3TO </1>
.

D:\Mydocs\DIALECT\HtmlTulai\

.
. 15.10. , . -

STVLE>

bg (background-image: url (back. gif) ;


background-repoat=no-r*peat;
background-posit ion: 1 207.)
</STVLE>
(HI class=bg>3ro </1>
.

i- : ;.*".., -..'".. 1 ,.Ji, j./^^^


mm

%
.
. 15.11. ,

240

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


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

241

.
<BRXFONT size=-1>3TO .
<DIU etyle="font-size=ediu">M .
<DIU etyle="font-siz=saller">H

D^Mydocs\DIALEC

.
.
.

.
.

.
.

. 15.12. ,
, -'
,

STYLE)
font-size: 507.: )

</STVLE>
<H1>3

<DIU class=half>c /DIUX/HI >



< class=half>fl .

mat

3 D \My doc=\DIALECT\HlmlTuIor\TESTHTML h. . HHE

ia"""i :,

.;?!<:"-

CH-oi-. !, . BSOI .

3 DWydoc\plALECT\Html _;

;>,

. 15.13.

242

15

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


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

<STVLE>

. ( font-uariant: small-caps )
</STVLE>

<>)
< class=sc>fl


:''

! "-'' . | g

- .. >

:n

0:..-' ev^i

& D:\My docs\DIALECT\HlmlTu1oAT

. 15.14. font-variant " "


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

243

.sserif { font-family: sans-serif }


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

style="text-transformcapitalize")

< style=" text-transfor=upprcase">

< style="text-transformlouercaee">

< style="text-transforn=none">3To
lALECTVHImlTlltaiYlL:

*|

5 D:\My docspWlEClVHtmlTutoiVrESTHTMLhtml

,\



. 15.15. text-transform

244

15

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

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

< style="text-decoration=ouerline">

,

III

IVTUI

. 15.16.
,

text-decoration
, letter-spacing (. 15.17).

I;

fj :

'

. 15.17.
letter-spacing

245

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


, , CSS, , HTML. , text-align ... ,
left, right, center justify. align "
" HTML? , " " .
, , , ,
, align.
CSS . , , . HTML . line-height
(), ().
, , :
,
(. 15.18).
,
.
STESTHTML-fino

<STVLE>
.txt=Cline-height: 0.3)
</STVLE>

<P elass=txt>TKCT /
D:\My docs\DIALECT\HlmlTutortTESTHTMU \'\

' -1 > '-'- | 1 '.-:--<!.'


!

| . I |
" ":
van -.

".

. 15.18.
,

246

15

, HTML "", " ". , GIF, ""


. CSS .
, "" " ", text-indent. . ,
. (. 15.19).

fC STYLE >

indent=(text-indent: -1.2)
</STVLE>
<BODV leftargin=7e>
<P class:indent>
,

3 O:\My docs\DIALECT\HtmlTutor\TESTHTML.h!..
! .-
"'"

'"'
.

:V:;-,lr. .

V*

. 15.19. text-indent
,

CSS , <BODY>,
, .
,
. a:link , a:visited
, a:active a:hover , . , ,
- , ,
, :
a:link {coloridarkgreen; text-decoration:none}
a:visited {colorsgray; text-decoration:none}
a:hover {color:maroon; text-decoration underline}

247


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



. 15.20. , Web-,

. ,
, , ,
. float, : left ( ),
right ( ) ( ).
.
margin. margin
, .
, , .
(),
(cm) (%). ,
.indent {margin: 1 2 3 4 }
1 , 2 , 3
4 .
,
. ,
.indent {margin: 1 2 }
, 1 , 2 .

248

15

, margin , , .
,
margin-top, margin-right, margin-bottom margin-left , ,
. , margin.
,
.
padding, , , ,
, padding-top, padding-right, padding-bottom padding-left.
: , .
, .
, :
;
* dotted ;
* dashed ;
* solid ;
* double ;
* groove, ridge, inset, outset "" .
,
. ,
border. , 10 (. 15.21):
.red2 {border: 20cm red double}
, border left, right, top bottom. , ,
(. 15.22),
.red2 {border-top: 20cm red double}
,
border, "": borier-width , border-color borderstyle . ,
, " ", border
left, right, top bottom. , , border-top-color.
, , width height.

249

CSTVLE>
.red2 (border: 2Q red double)
</STVLE>

<DIU clase=red2>

</DIU>
< align=center><IMG crc=oend.gif class=red2>

Si*

fl

.1 Sips.

. 15.21. border Web-


If, TESTHTML -

<STVLE>
.red2
</STVLE>

: 20 red double)

<DIU Class=red2>

</DIU>
<P align=center><IHG src=send.gif class=red2>
;^> .=,);';;,-> i
l
i
i
i
i t'^av^u

D:\Mydocs\DLALECT\HtmlTut

. 15.22.
, border

250

15


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

HTML , ,
, , " ", .

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

I.inverse="font-size: 18; color: white; background-color: black"


</STYLE>
) <STYLE>

I.inverse:"font-size: 18; color: white; background-color: black"


</STYLE>
)

<STYLE>

inverse="font-size: 18; color: white; background-color: black"


</STYLE>

251

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

I.inverse {font-size: 18; color: white; background-color: black"}


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

252

1i

16


...
4 HTML
4
4
4
4
4

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


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

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


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

< ="1"> *</>


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

. 16.1. " ":


, "" JavaScript,

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

254


, , . :
: , ,
, ,
. .
, , ,
. HTML onclick ( on
click " "). ,
HTML-. ,
, HTML. , , ,
. , . 16.2.
HTML.
.
, .
JavaScript,
. : , .

, :
< aliqn=center><fl href = "nailto:adr-8don.com'


,
:


,
:

. 16.2. :

. 16.2 JavaScript.
JavaScript , ,
, , .

255

images. , : 0, 1 ..
im' ages [N], N .
. . , , images[0].src="source.gif". ,
"" , . , ,
. "" . ,
, : document, images[0].src='sent.gif'. JavaScript ,
HTML-.
, ,
onDblClick ( on double click "
"). . 16.3 : , .

= centerXB t

src=letter.gif border=B
ick="document.inaoesf01.erc='sent.aif"


, |

.|

: || -

. 16.3.

, . 16.3, JavaScript
write. , HTML.

256

16

: <>, HTML.
Internet ,
, .
onMouseDown onMouseUp. , , ,
( on mouse down "
"). ,
( on mouse up "
").
. 16.4:
; "".

,
align=center>
<IMG src=closd.Qif border=0

,
:

,
:

. 16.4. onMouseDown onMouseUp "" ""

, "", . ,
. onMouseOver, onMouseMove onMouseOut.
onMouseOver , ""
, onMouseMove onMouseOut ""
. . 16.1.
. , .

257


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

!+2+.

. 16.5. :


, "" , , "" , , . .
( ), . , ( )
<>. , -
, , .. .
onFocus, onBlur. . 16.6
: , ;
, .

258

16

<FORH nan=key for


<INPUT naM:keycode type=button
ualue=" "
onKeyPreee="indOH.alert
/
(' :'HiindOH.event.keuCod!

doc\DIAlCr\HtmlTul\TESTHTMLhnl

. 16.6.

onChange , ,
. . 16.7: .
, . 16.7, onChange. . , Web- ,
, , .
. 16.7
JavaScript: if. , , , ,
.
onSelect "" ,
. . . 16.8 , , , ( ), .

259

INPUT typ*=subMit ualue= >


/FORH>

. 16.7. onChange

<FORH>

<P align=center>
<IMG ercspencil.gif> :<>
<TEXTfiREft cole=38 =5
</TEXTAREAXBR>
<INPUT type=subit ualu:"OK">
</FORH>

. 16.8. onSelect ,

260

, ,
, onSubmit.
-. , "" , : (. 16.9).

FORM onSubit='l
align=c*nter>
IMG src=pancil.gif> :
TEXTflREft cols=30 rous=5>
/TEXTflREflXBR)
INPUT type=subit ualue="OK">
/FORM>

. 16.9.


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

261


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

. 16.10.

<>

<11.> . . .</TITLE>
</>
<BODV onLoad="docuent . title= ' ' ;
docuient.iiagesrei.src:' big. gif
<IHG erc=eall.gif>
/BODV)

. 16.11. onUnload ""

262

16

"" onError onAbort. , , .


JavaScript HTML. , . "
JavaScript 24 " .: , 2001.

HTML . , . ,
JavaScript.
"" ,
, ,
.. .
, , . , .

1. ?
) < onMouseDown="window.alert('!')">
) < onMouseClick="window.alert('!')">
) < onMouseUp="window.alert('DlenK!' )">
) < onMouseOver="window.alert('!')">
2. ?
) <IMG src=big.gif onMouseDown="window.alert('!')">
) <IMG src=big.gif onMouseOut="window.alert('HenK! ')">
) <IMG src=big.gif onMouseUp="window.alert(^enK!' )">
r) <IMG src=big.gif onMouseOver="window.alert('!')">
3.
?
) <IMG src=big.gif onMouseDown="window.alert('!')">
) <IMG src=big.gif onMouseOut="window.alert('!')">
) <IMG src=big.gif onMouseUp="window.alert('!')">
) <IMG src=big.gif onMouseOver="window.alert('!')">

263

4. :
<BODY onUpload="window.alert('CTpaHH4a ')">.
?
) (Back).
) (Forward).
) (Refresh).
) (Stop).
5. :
<BODY onLoad="window.alert(' ')">.
?
) (Back).
) (Forward).
) (Refresh).
) (Stop).

264

16

1. ?
) Microsoft Word . . Web-,
.
) Microsoft Internet Explorer .
) Microsoft FrontPage Express .
) HomeSite . HTML-.
) Netscape Navigator .
) Opera .
) Mozilla .
) Notepad . , HTML-.
) PhotoShop . ,
HTML-.
) Google.com . Internet.
2. HTML-?
) Microsoft Word (. 1 ).
) Microsoft Internet Explorer .
) Microsoft FrontPage Express .
HTML-, ,
.
) HomeSite . HTML-,
, .
) Netscape Navigator .
) Opera .
) Mozilla .
) Notepad .
HTML-, , .
) Windows - . Windows
, ,
HTML-.

) Linux (. () ).
) PhotoShop (. 1 ).
) Google.com .
Internet, ,
Google.com, .
3. HTML-?
) Microsoft Word .
) Microsoft Internet Explorer . =>
HTML Internet Explorer Notepad HTML, .
) Microsoft FrontPage Express .
) HomeSite .
) Netscape Navigator (. () ).
) Opera (. () ).
) Mozilla (. () ).
) Notepad .
) Windows (. 2 ).
) Linux (. 2 ).
) PhotoShop .
) Google.com .

1
1. HTML- ?
) , <1> </1>? .
: , !?
) : <!></!> .
<!></!> , .
) <\1> <1> .
,
<1>, <\1>. <\1> , , <1> ( <\1>), .
2. HTML- ?
) <U> . <U>
</>. ,
<> ( </U>),
.
) I
. , .
266

, , < >.
) , : <!><U></U></I>
. , , .
) HTML
<1><></1></> .
: HTML
.
3. HTML-:
HTML-,
<U><I>.htm</I> <B>.htmK/B></U>
) HTML-,
.htm .html .
) HTML-,
.htm .html .
) HTML-,
.htm .html .

2
1. HTML- ?
) <> , <> . <> , .
) <> , <></> . <>
. </> .
) <> , </> .
) <R> , P</R>
: <R> .
) , . ,
, : <>
2. :
) < align = center> ? ,
.
) < align = left> ? ,
. *
) < align = right> ? ,
.

267

) < align = justify> ? , .


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

< align = right> :


? <> ?
<> , ?
()

< align = right> :


? < align = right> ?
< align = right> , ?

3
1. HTML- ?
) : , " " ". . , ASCII,
268

. , esc-
.
) : , " " , '.
. , ,
. "" "", .
.
) : &1;&;, sldquo; namui&rdquo;
sbdquo; namcH&rdquo;. . .
) : &171;&187;, &8220; &8221;
&8222; &8221;. . esc-.
) : &1;&|187;, &|8220; &#8221;
&|8222; &|8221;. -- .
esc- . .
) : &raquo;eno4KH&H87;, &|8220; &|8221;
&|8222; &#8221;. -- . Sraquo;
, .
slaquo;.
2. HTML- ?
) HTML- - .
5-10 . , . , .
) HTML- Sdash; . 5&dash;10 . -- .
sdash;.
) HTML- Sndash; . 5&mdash;10 .
, : ,
.
) HTML- Smdash; . 5&ndash;10 .
. , ,
, , , .
) HTML- omH6oK&rodash;B . 5 Sndash; 10 . -

269

, : ,
.
) HTML- oiH6oK&nbsp;&mdash; &;
. H&nbspjee 5&ndash;10&nbsp;
. .
3. HTML- ?
) < align=center> -,
</> , : ., , .
) <NOBR align=center> -,
</> : NOBR .
align=center .
) -,&nbsp;&;&;&;&;&
;&;&;. , :
, ,
.
) <NBSP> -, cTpOKe</NBSP> : , .
4. (, , , D, )
?
<NOBR> nepe<WBR>(a)xofl <WBR><6) -^: 3flecb?<WBR>wHnn ?
<P>W>A , ?</>
, :
<WBR> "".

4
1. HTML- ?
) <FONT> </> .
<FONT> , , .
) <FONT face=Arial Cyr> </> :
, , .
face
Arial.
) <FONT face="Arial Cyr"> </> .
) <FONT face="ARIAL CYR"> </>
. HTML ,
, .
) <FONT face="Arial Bold"> </>
: . -

270

Arial, , <FONT>, Anal,


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

271

) <color=red font size=l>


</> - : , .
) <font="red, 1"> TOM</font> : .
) <font color=red> <font !=1>
ip^TOM</font> : , .
) <font color=red> <font !=1>
ipH(J)TOM</font></font> .
) <font color=red> <font 12=1>
po</font sizex/font color> :
.
5. HTML- ?
) <BASEFONT color=blue> <FONT color=yellow> </FONT> . , , , , .
) <BASEFONT color=blue> <FONT color=yellow>
</FONT> .
) <BASEFONT color=blue> </BASEFONT> :
<BASEFONT> .

5
1. HTML- ?
) <1> :
.
) <1> </1> .
) <1> </2> :
<1>
<1>.
2. HTML- ?
) <1> <BR> </1> .
) <1> <> </1> .
, ().
) <1> <2> </2></1>
.
: .
) <1> </1><2> </2> -
. , ().

272

3. HTML- ?
) <1> , </1> .
.
) <1 align=lef t>3ro , </1> .
) <1 align=right>3ro , </1> .
) <1 align=center>3TO , </1> .
) <1 align=justify>3To , </1> :
align justify.

6
1. <S> :
) <STRONG> . <STRONG>
,
, <S> .
) <> . <> , ,
<S> .
) <STRIKE> .
) <DEL> . , <S>, <DEL> , , .
2. ?
) <BLOCK QUOTEXTHie eflenib&nbsp;&mdash; </ QUOTE>. : <BLOCKQUOTE> .
) <> efleib&nbsp;Smdash; </01>. .
) <BLOCK quote="THme ;1; ">. . : <BLOCKQUOTE>
.
) <ACKRONYM 1=" ">1</1> .
) <ACKRONYM>HTML</ACKRONYM>&nbsp;&mdash; . <ACKRONYM>
, .
)
.

cnnpTa&nbsp;Smdash;

C<SUB>2</SUB>H<SUB>5</SUB>OH

cnHpia&nbspj&mdash;
C<SUP>2</SUP>H<SUP>5</SUP>OH : <SUB>, a
<SUP>.

273

3. ?
) &1;<1
eneinb&nbsp;&mdash;

</1>&;
&nbsp;&mdash; .
) <1> efleib&nbspi&mdash; </1>. <83>
MyflpocTb</ADDRESS> : <ADDRESS> .
) <BLOCKQUOTE>Tiffle enenib&nbsp;&mdash; </>. <ADDRESS>
</83> - :
<ADDRESS> .
) <BLOCKQUOTE>Tmne eflenib&nbsp;&mdash; </>.
: <BLOCKQUOTE>
.
) <> eflein>&nbsp;&mdash; </>.
: <PRE> .
4. ?
a)<DFN>HTML</DFN>&nbsp;&mdash;
<DEL>HTML</DEL>Snbsp;&mdash;

-: <DFN> , <DEL> .
6)<DFN>HTML</DFN>&nbsp;&mdash;
<ACKRONYM
title="H3biK


">1/1(>
-: <DFN> , <ACKRONYM> , .
) <DFN>HTML</DFN>Snbsp;&mdash;
<B>HTML</B>&nbsp;Smdash;

: HTML .
) <DFN>HTML</DFN>&nbsp;&mdash;
<I>HTML</I>&nbsp;&mdash;

5. ?
) + <DEL>Mama</DEL><INS>Cama + <></><1></1> =
</18> =
-: <DEL> , <INS> , <> , <1> .
) + <DEL>Mama</DEL><INS>Cama + <8></8><></> =
</18> =
: <DEL> <S>
, <INS> <U> .

274

) + <DEL>Maia</DEL>
<INS>HaTama</INS> =

+ <STRIKE>Mama</STRIKE>
<STRONG>HaTaia</STRONG> =

-: <DEL>
<STRIKE> , <INS> , <STRONG> .
6. ?
) HTML-: <PRE> HTML-: <PRE>
<1><1>

<><>

</PRE>
</PRE>
-: <PRE> , .
) HTML-: <PRE> HTML-: <CODE>
<1></1>
<1></1>
<></>
<></>
</PRE>
</CODE>
-: <PRE> , <CODE>
.
) HTML-: <PRE> HTML-: <CODE>
<1></1>
&lt;I&gt;KypcHB&lt;/I&gt;
<></>
Sit;USgt;&];/U&gt;
</PRE>
</CODE>
-: , <PRE>, .
) HTML-: <PRE> HTML-: <CODE>
<1></I>
<BR>&nbsp;Snbsp;Snbsp;<1></I>
<></11>
<BR>&nbsp; Snbsp; Snbsp; <U>no </>
</PRE>
</CODE>
( , ).
) HTML-: <PRE> HTML-: <FONT
<1></1>
face="Courier New">
<1)></>
<BR>&nbsp; snbsp; snbsp; <1></1>
</PRE>
<BR>&nbsp;&nbsp;&nbsp;<U>nofl4epKHyTbisi</U>
</FONT>

( , ).
7. ?
)
<!>&lt;SUP&gt;</I>
<VAR>slt;SUPSgt;</VAR>



275

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



-: <VAR> , <FONT face="Courier New">
Courier New.

) <KBD>&lt;SUP&gt;
</KBD>

<FONT face="Courier
New">&lt;SUP&gt;</FONT>

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

<FONT face="Courier New">


&lt;SUP&gt;</FONT>

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

<LI>
<>
</OL> .

) <OL start=circle>
<LI>
<>
</OL> : start circle.

276

) <OL type=l>
<LI>
<LI>
</OL> .
) <OL type=circle>
<LI>
<>

</OL> : type <OL>


circle.
3. HTML- ?
) <DL>
<DT> 1</DT>
<DD> 1</DD>
<DT> 2</DT>
<DD> 2</DD>
</DL> .
) <DT> 1</DT>
<DD> 1</DD>
<DT> 2</DT>
<DD> 2</DD> : <DL>.
) <DL type=circle>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL> : <DL> type.
) <DL start=l>
<DT> 1</DL>
<DD> 1</DD>
<DT> 2</DL>
<DD> 2</DD>
</DL> : <DL> start

8
1. HTML- ?
) <IMG =" \.!"> :
;
, .
) <IMG src="Mydoc\vasya.gif"> : , .
) <IMG src="Mydoc/vasya.gif"> .
) <IMG src=Mydoc/vasya.gif> .
) <IMG src="Mydoc/vasya.tif"> : TIFF
Internet, .

277

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

) <IMG src=pict.gif align=left><BR clear=right>


. <BR clear=right> .
) <IMG src=pict.gif align=left><BR clear=left> . <BR clear=lef t> .
5. , :
) <IMG src=pict.gif align=right> .
) <IMG src=pict.gi/ align=left> .
, .
) <IMG src=pict.gif> .
, .
) <IMG src=pict.gif align=right><BR clear=right> . <BR clear=right> .
) <IMG src=pict.gif align=right><BR clear=left>
. <BR clear=left> .
6. ,
:
) <IMG src=pict.gif align=center> . align <IMG> center.
) <BR clear=center><IMG src=pict.gif> . clear <BR> center.
) <IMG src=pict.gif><BR clear=center> . clear <BR> center.
) < align=center><IMG src=pict.gif> .

9
1. HTML- ?
) <> </> :
.
) <HREF> page2.htm </HREF> : <HREF> .
) < href=page2.htm> </> .
) < href="page2.htm"> </> .
) < target=page2. htm> </> :
href, target.
2. HTML- ?
) < href=page2. htm target=blank> </> : _.
) < href=page2. htm target= blank> </> .
) < href=page2.htm target=blank_> </> : Jblank.

279

3. HTML-,
label, page2.htm, ?
) < href=page2. htm name=label> </> : name
, .
) < href="page2.htm\label"> </> : I.
) < href="page2.htm/label"> </> : I.
) < href="page2.htmilabel"> </> .
) < href="page2.htm, label"> </> :
If.
4. HTML- ?
) < href="mailto:tome@mail.dom"> </> .
) < href="mailto:tome?mail.dom; subject=IlpHBeT;body=KaK ?">
</> : subject
?; .
) < href="mailto:tomeimail.dom? subject=npnBeT;body=KaK ?">
</> : .
) < href="mailto:tomemail.dom? subject=npHBeT;body=KaK%20nena?">
</> .
) < href="mailto:tome@mail.dom?subject=npHBeT"> ? </> . " ?" ,
.
) < href="mailto:tomeemail.dom?subject=npHBeT;"> ? </> - . " ?" ,
. , ;.
5. HTML- ?

) < name=image>
<AREA shape=triangle coords="10,20,30,40" href=pag2.htm>
</MAP> : shape triangle.

) < name=image>
<AREA shape=rect coords="10,20,30,40" href=pag2.htm>
</MAP> .

) <MAP name=image>
<AREA shape=poly coords="10,20,30,40" href=pag2.htra>
</MAP> :
, , .
6. HTML- ?
280

) < name=image>
</>
<IMG usemap=image> :
. , <IMG>
.
) < name=image>
</>
<IMG usemap=|image> : <IMG>
.
) < name=image>
</>
<IMG usemap=fimage src=image. jpg> .
) < name=iraage>
</>
<IMG src=image.jpg#image> :
usemap.
) < name=image>
</>
< href=image> <IMG src=image. jpg> </A> :
usemap.

10
1. . 10.1.
, , .

<table align=center cellpadding=0>


<tr>
<td colspan="2" width=50* height=25$>&nbsp;</td>
<td bgcolor="lightblue" rowspan=2 align=center height=250 width=25%>
<img src="up.gif" width=50><b><BR>B<BR>B<BR>e<BR>p<BR>x</bx/td>
<td rowspan=2 width=254>&nbsp;</td>
</tr>

281

<tr>
<td colspan="2" bgcolor=darkyellow width=250 align=center height=20>
<img src="left.gif" align="absmiddle" width=50>
<b>&nbsp; B&nbsp; n&nbsp; e&nbsp; BSnbsp; o</b></td>
</tr>
<tr>
<td width=25% height=25%>&nbsp;</td>
<td rowspan=2 bgcolor=lightgreen align=center height=250 width=25%>
<b>B<BR>H<BR>H<BR>3<BR></b><img src="down.gif" width=50></td>
<td colspan=2 bgcolor=pink align=center width=250>
<b>B&nbsp; n&nbsp; p&nbsp; a&nbsp; B&nbsp; o&nbsp; </b>
<img src="right.gif" align="absmiddle" width=50></td>
</tr>
<tr>
<td height=25%>&nbsp;</td>
<td colspan=2>&nbsp;</td>
</tr>
</table>
2. . 10.1.
, , .
<TABLE cellpadding=5 align=center>
<TR>
< ?</>
<TD rowspan=2xb>H!</bx/TD>

<> ?</>
</TR>
<TR>
<TD>KTO ?</>
< ?</>
</TR>
</TABLE>

11
1. HTML- ?
) <FRAMESET rows=70,*> </FRAMESET> .
) <FRAMESET rows=70%,*i70>... </FRAMESET> .
) <FRAMESET cols=70,*%> ... </FRAMESET> : * , .
) <FRAMESET cols=70000,*> ... </FRAMESET> HTML
. 7000
?
) <FRAMESET rows=*,*> ... </FRAMESET> .

282

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


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

283

) <FRAMESET cols=*,*>
<FRAME src="sourcel.htm" frameborder=no>
<FRAME src="source2.htm">
</FRAMESET> .
) <FRAMESET cols=*,* border=no>
<FRAME src="sourcel.htm">
<FRAME src="source2.htm">
</FRAMESET> : border .
) <FRAMESET cols=*,* border=10>
<FRAME src="sourcel.htm">
<FRAME src="source2.htm">
</FRAMESET> .
) <FRAMESET cols=*,*>

<FRAME src="sourcel.htm" border=10>


<FRAME src="source2.htm">
</FRAMESET> : border <FRAMESET>,
<FRAME>.
4. HTML- ?
) <FRAMESET cols=*,*>

<IFRAME src="sourcel.htm" border=10>


<IFRAME src="source2.htm">
</FRAMESET> : <IFRAME>
.
) <TABLE>

<TR><TDXIFRAME src=" sour eel. htm" border=10x/TD>


<TD><IFRAME src="source2.htm"></TDX/TR>
</TABLE> .
) <IFRME> </1> :
.

12
1. HTML- ?
) <FORM action=mailto:mymail@mail.dom method=post enctype=application
/x-wwtf-f orm-urlencoded>
</FORM> : text/plain.

) <FORM action=mailto:mymail8mail.dom method=get enctype=text/plain>


</FORM> :
post.

284

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


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

<INPUT type=text name=itext size=10 maxlength=20>


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

285

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


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

) <TEXTAREA name=ltext != > :


<TEXTAREA> .

1. ?
) <INPUT type=checkbox \=1> 1
<INPUT type=checkbox =2> 2
<INPUT type=checkbox => 3 .

) <INPUT type=checkbox name=vl checked>BapHaHT 1


<INPUT type=checkbox name=v2 checked>BapHaHT 2
<INPUT type=checkbox name=v3 checked>BapnaHT 3 .

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


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

) <INPUT type=radio name=vl>BapnaHT 1


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

) <SELECT name=vl>
<OPTION value=" 1" checked>
<OPTION value=" 2" checked>
<OPTION value=" 3" checked>
</SELECT> .
286

>

) <SELECT name=vl checked>


<OPTION !=" 1">
<OPTION !=" 2">
3PTION value=" 3">
</SELECT> : <SELECT> checked.
) <SELECT name=vl multiple>
<OPTION !=" 1">
<OPTION 1=" 2">
<OPTION !=" 3">
</SELECT> .

13
1. HTML- ?
) <BODY margin=10> : margin .
) <BODY marginwidth=10> .
) <BODY leftmargin=10> .
) <BODY leftmargin=10%> .
2. HTML- ?
) <BODY text=4> : IRRGGBB.
) <BODY text=Times> : text , .
) <BODY text=black> .
) <BODY text=0> : IRRGGBB.
) <BODY text=H234> .
) <BODY text=1234> : IRRGGBB.
3. , ?
) <BODY link=green> .
) <BODY alink=green> : alink .
) <BODY blink=green> : blink .
) <BODY xlink=green> : blink .
) <BODY ylink=green> : blink .
) <BODY vlink=green> : vlink .
4. , ?
) <BODY color=yellow> : color .
) <BODY bgcolor=yellow> .
) <BODY background=yellow> : background
, .

287

14
1. HTML- ?
) <> </> : <TITLE> </TITLE>.
) <TITLE text=" "> : <TITLE> .
) <1> </1> .
) <1><> <//1> : <TITLE> </TITLE> .
) <TITLE align=center>3aronoBOK
<TITLE> .

</1> :

2. HTML- ?
) < name=keywords>cnHcoK </> :
<> </>.
) < name=keywords contents=" "> : contents .
) < name=keyword content=" "> : keyword .
) < name=keywords content=" "> .
) < http-equiv=keywords content=" "> : - keywords name.
3. HTML- ?
) < name=description content" " name=copyright content="A.B. "> : <> -.
) < namel=description content=" " name2=copyright
content="A.B. "> : <>
-.
) < name=description content=" " httpequiv=copyright content="A.B. "> : <> -.
) < name=description content=" ">
< name=copyright content="A.B. "> .
) <>

name=description content=" "


name=copyright content="A.B. "
</> : <> .

288

15
1. HTML- ?

) <I class="font-size: 18; color: white; background-color: black">


, .</!> . style.
) <I style="font-size: 18; color: white; background-color: black">
, .</!> .
) <I.style="font-size: 18; color: white; background-color: black">
, .</!> .
. .

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

289

) <STYLE>

.inverse {font-size: 18; color: white; background-color: black"}


</STYLE> .
) <STYLE>
I.inverse {font-size: 18; color: white; background-color: black"}
</STYLE> .
3. , . ?
) U I {color=red} .
) U {font-style=italic; color=red} .
) I {font-style=bold; color=red} : font-style
bold.
) I {font-weight=bold; color=red} .
) I.bold {color=red} :
, .
) U.italic {color=red} - :
, .
) I.bold {font-weight=bold; color=red} .
) DIV {font-style=italic; font-weight=bold; color=red} :
,
<DIV>.

16
1. ?
) < onMouseDown="window.alert('!' )"> :
.
.
) < onMouseClick="window.alert('DlenK!')"> .
) < onMouseUp= "window.alert('!' )"> .
.
) < onMouseOver= "window, alert ('!' )"> :
.
.
2.
?
a) <IMG src=big.gif onMouseDown="window.alert(^enK!')"> :
.

290

) <IMG src=big.gif onMouseOut="window. alert ('! ')"> : .


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

: -

) <IMG src=big.gif onMouseOut="window.alert('!')"> .


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

<BODY onUpload="window.alert(' ')">.


?
) (Back) .
) (Forward) .
) (Refresh) .
) (Stop) : , .
5. :
<BODY onLoad="window.alert(' ')">.
?
) (Back) : .
) (Forward) : .
) (Refresh) .
) (Stop) : .

291

HTML

href

name*

target

title

( ]

<ACRONYM>

<ADDRESS>

( -
)

alt

<AREA>*"

<>

.<img>

coords

( , )

href

. <>

NOHREF

shape

target

. <>

<BASEFONT>*" . <FONT>
<BLOCKQUOTE> ( - )
<BODY>
a link

background
bgcolor

bgproperties
bottoraraargin
lef tmargin


URL

mailto:aflpec?subject=TeMa

,
: _blank ( ), _self ( ), _parent ( ), _top (
)

: , , ; : , , , ;

: XI, Yl, X2, Y2,... Xn, Yn, XI, Y1

circ

rect

poly

IRRGGBB

JRL
:
RRGGBB

ixed

(
[


****
****

HTML

293

<BODY>

link

Web-

marginheight
marginwidth

rightmargin

scroll

text

topmargin

vlink

<BR>***

( clear

)

<1>

<COL>***

( -
)

( )
. <COLGROUP>

<COLSPAN>*

<CODE>

<DEL>
<DFN>
<DIR>

align

. <td>

bgcolor

. <td>

height

. <td>

span

valign

. <td>

width

. <td>

( -
)
( -
)

. <>
align

294

IRRGGBB

****

****

****



****

,
,
,
,

-1

" HTML

295

<DL>

<DT>

<>

(
)

<FONT>

<FORM>

<FRAME>*

color

face

size

action

enctype

method

name

target

.<>

bordercolor

f rameborder


frameborder

<FRAMESET>

marginheight

marginwidth

name

noresize

scrolling

src

border

bordercolor

cols
frameborder

.<frame>


. <frame>

f ramespacing

<1>...<6>

296

rows

align

IRRGGBB

.. 7 -6...+

. size=3

URL
application/x-www-form-
urlencoded**
text/plain

get**

post

yes *


target <>

10

,

,

.uto**

IRL

****

jf t"

\ HTML

297

frameborder

CM.<frame>

<1>... <6> ()
<HEAD>
<HTML>
<IFRAME>*


Html-

height

marginheight . <frame>
marginwidth CM. <frame>

<IMG>*

<INPUT>*

name
scrolling

CM. <f rame>

src
width
align

CM.<frame>

alt
border
height
hspace
src
usemap
vspace
width




URL
,


,

checked
maxlength
name
size
type

298

CM. <frame>


. <forra>

right

center

left

right

absbottora

baseline, bottom"

absmiddle, middle

texttop

top

( 0, -2)

"**

\enoe

IRL

[
[


****
, type=checkbox type=radio


sxt"

HTML

299

<INPUT>*** ()

value
<INS>
<>

( -
)
, (
)

type
value

<LINK>

<>

<MENU>

<>***

<NOBR>

<>

300

href, src

(
)

rel

type

( rel=stylesheet)

name

content

- http
http-equiv http-

name

type

password

checkbox

radio

submit

image

( . <IMG>)

reset

file

hidden

I, i, , disc, square, circle


URL

stylesheet

*****

. <STYLE>

<IMG>, , useraap

content-type

name
http-equiv
MIME

expires

refresh

author

lescription

()

eywords

enerator

HTML-,

HTML

301

<OL> ()

start
<>*"

<PRE>
<SAMP>
<SELECT>

<STRONG>

.<form>
name
selected
checked
value
.<input>
align

(
)
( -
)
multiple

name

. <f orm>

size

<SmE>

(
)

type

<SUB>
<SUP>
<TABLE>

302

align

background
bgcolor

left"

right

center

justify

ext/css

CSS

ext/javascript

JavaScript

ft"

jht

iter

3GBB

HTML

303

<.> ()

border
bordercolor


( 0)

bordercolordark
bordercolorlight
cellpadding

cellspacing

frame

height

rules

width

align

background

. <table>

bgcolor

. <table>

bordercolor

. <table>

bordercolordark . <table>
bordercolorlight . <table>

304

fRRGGBB

tRRGGBB

above

below

hsides

Ihs

rhs

vsides

border box"

( , border=lj

void

, ( border)

****

all

, border

cols

groups

(. <COLGROUP>)

ows

****

5ft"

.ght

nter

HTML

305


<TD>* ()

colspan

<>*

.<table>

nowrap

width

.<table>

cols
name

, <form>

rows
wrap

. <TD>

<TR>

<UL>

type

<TITLE>

<VAR>
<WBR>***

height

rowspan
valign

<TEXTAREA>

align
.<td>
bgcolor
.<td>
bordercolor
.<td>
bordercolordark ,<td>
bordercolorlight CM. <td>
height
CM. <td>
valign
CM. <td>

( -
)

*
**

306

top

middle
bottom

*
**
*** . .

' HTML

307

&nbspj

&#160;

&iexcl;

.#161;

&cent;

&.162;

bpound;

&#163;

bcurren;

&#164;

i
i

&yen;

&#165;

bbrvbar ;

&.S166;

&sect;

&#167;

buml;

&#168;

5, copy;

&#169;

&ordf;

&#170;

&laquo;

&f171;

-,

8.not;

&#172;

f,shy;

&#173;

""

breg;

.#174;

&macr ;

.#175;

5.deg ;

&#176;

&plusm;

.#177;

5,sup2;

&#178;

"2" ""

f,sup3;

&#179;

"3" ""

bacute;

&#180;

wnicro;

.#181;

dpara;

.#182;

&middot;

&#183;

""

Scedil;

&#184;

<
J

&supl ;

&#185;

"

Sordra;

86;

Sraquo;

&#187;

'/4

Sfracl4;

&#188;

" "

'/2

Sfracl2;

&#189;

" "

Sfrac34;

&#J90;

" "

Siquest;

&#wr,

SAgrave;

&#192;

SAacute;

&#

SAcirc;

&#;

SAtilde;

&#,

SAuml ;

&#196;

SAring;

&#197;

SAElig;

&#W8;

SCcedil;

&#J99;

SEgrave;

&#200;

SEacute;

&#201;

SEcirc;

&#202;

SEuml;

&#203;

sigrave;

&#204;

Slacute;

&#205;

SIcirc;

&#206;

Slural;

&#207;

SETH;

&#208;

SNtilde;

&#209;

SOgrave;

&#2IO;

SOacute;

&#211;

SOcirc;

&#2t2;

SOtilde;

&#213;

SOuml;

&#214;

& times;

&#215;

'

309

SOslash;

&#216;

Wgrave;

&#217;

bUacute;

&#218;

&Ucirc;

&#219;

Ml;

&#220;

bYacute;

&#221;

t>

&THORN;

&#222;

&szlig;

&#223;

bagrave;

&#224;

saacute;

&#225;

fcacirc;

&#226;

batilde;

&#227;

& aural;

&#228;

baring;

&#229;

baelig;

&#230;

Siccedil;

&231;

begrave;

&#232;

&eacute;

&#233;

becirc;

&#234;

& enrol;

&#235;

sigrave;

&236;

Sdacute;

&#237;

&icirc;

&#238;

biuml;

&#239;

beth;

&#240;

6
6

bntilde;

&#241;

bograve;

&#242;

&oacute;

&#243;

&ocirc;

&#244;

&otilde;

&#245;

&ouml;

&#246;

bdivide;

&#247;

310

0
U
U
U
U
Y
THORN
s












i
i
i
i
eth






soslash;

&#248;

Sugrave;

49;

suacute;

4#250;

sucirc;

4#251;

Suural;

&#252;

Syacute;

&#253;

S thorn;

&#254;

thorn

Syuml;

&#255;

Sfnof;

&#402;

S Alpha;

&#913;

SBeta;

&#914;

&6/

&915;

SDelta;

&#916;

SEpsilon;

&#917;

SZeta;

&#918;

SEta;

&#919;

STheta;

&#920;

Slota;

&#921;

4 Kappa;

<i#922;

SLambda;

&#923;

SMu;

&#924;

&Nu;

&#925;

SXi;

&#926;

SOmicron;

&#927;

SPi;

&#928;

SRho;

&#929;

SSigraa;

&#931;

STau;

&#932;

SOpsilon;

&#933;

SPhi;

&#934;

SChi;

&#935;

SPsi;

<36;

311

&#937;

&0mega;
alpha;
&beta;
{.gamma;
&delta;
Sepsilon;
bzeta;
betaj
btheta;
biota;
&kappa;
&lambda;

&mu;

&#956;

&nu;

&#957;

&xi;

&#958;

bomicron;

&#959;

S,pi;

&#960;

<;

&#961;

&rho;
ssigmaf ;
& sigma;
&tau;
&upsilon;
&phi;
&chi;
&psi;
& omega;
.bull;

...

bhellip;

&#8230;

sprime;

&#8242;

&Prime;

&#8243;

&oline;

&t8254;

S,frasl;

260;



















()







Y
6

<
X

(0

312

&#945;
&#946;
&#947;
&#948;
&#949;
&#950;
&#951;
&#952;
&#953;
&#954;
&955;

&#962;
&#963;
&#964;
&#965;
&#966;
.#967;
&#968;
&#969;
&#8226;

i trade;

482;

<

slarr;

592;

Suarr;

593;

Srarr;

&#8594;

J.

idarr;

&#8595;

f->

Sharr;

&#8596;

scrarr;

&#8629;

t=

SlArr;

&#8656;

SuArr;

&#8657;

=>

SrArr;

&#8658;

SdArr;

&#8659;

<=>

ShArr;

&#8660;

Sforall;

&#8704;

" "

Spart;

&#8706;

Sexist;

&#8707;

""

serapty;

&#8709;

snabla;

&#871 1;

""

Sisin;

<712;

Snotin ;

&#8713;

" "

Sni;

&#8715;

""

Sprod;

&#8719;

&sum;

&#8721;

(minus ;

&#8722;

Slowast;

&#8727;

""

Sradic;

&#8730;

&prop;

&#8733;

iinfin;

&#8734;

sang;

&#8736;

Sand;

&#8743;

Sor;

&#8744;

Scap;

&#8745;

Scup;

&#8746;

313

bint;

&8747;

.*.

&there4;

&#8756;

bsim;

&#8764;

- ' '

bcong;

773;

" "

basymp;

&#8776;

" "

&ne;

&#8800;

=
<
>

&equiv;

&f8801;

s,le;

&#8804;

&ge;

805;

bsubj

&#8834;

&sup;

&#8835;

<z

bnsub;

&#8836;

bsube;

&#8838;

&supe;

&#8839;

boplus;

&#8853;

&otimes ;

&#8855;

sperp;

&#8869;

&sdot;

&#8901;

''

Slang j

&#9001;

drang;

&#9002;

&loz;

&#9674;

4>

& spades;

&#9824;

""

&clubs ;

&#9827;

""

S.hearts;

&#9829;

""

Cidiams ;

&#9830;

""

11

&quot;

&#34;

&

Stamp;

&#38;

<

Sit;

&#60;

""

>

&gt;

&#62;

""

S,OElig;

&#338;

Soelig;

&#339;

& Scar on;

&#352;

S ""

314

Sscaron;

&353;

s ""

&1;

&#376;

Scirc;

&#710;

Stilde;

&#732;

Sensp;

&#8194;

Serasp;

&#8J95;

ithinsp;

&#8201;

izwnj;

&#8204;

Szwj;

&#8205;

Sndash;

&#8211;

Smdash;

&8212;

Slsquo;

&#8216;

irsquo;

&#8217;

Ssbquo;

&#8218;

ildquo;

A#8220;

Srdquo;

221;

Sbdquo;

&#8222;

dagger;

&#8224;

SDagger;

&#8225;

Spermil;

&#8240;

Slsaquo;

&#8249;

Srsaquo;

&#8250;

euro;

&#8364;

>0

315


tfRRGGBB, 48

&
&amp, 35
&gt, 35
&laquo, 35
&lt, 35
&nbsp, 28; 35
&raquo, 35

<A>, 114
<ACRONYM>, 67
<ADDRESS>, 68
<AREA>, 121
<B>, 22
<BASE>, 94
<BASEFONT>, 51
<BLOCKQUOTE>, 63
<BODY>, 214
<BR>, 29; 102
<CAPTION>, 154
<CITE>, 63
<CODE>, 68
<COL>, 158
<COLGROUP>, 156
<DD>, 85
<DEL>, 66
<DFN>, 63
<DIR>, 86
<DIV>, 230
<DL>, 85
<DT>, 85
<EM>, 62
<FONT>, 41
<FORM>, 186
<FRAME>, 161
<HEAD>, 213; 222
<Hn>, 55
<HTML>, 213
<I>, 21
<IFRAME>, 179
<IMG>, 92
<INPUT>, 188; 192; 204; 206
<1NS>, 66
<KBD>, 71
<LI>, 76
<LINK>, 231
<MAP>, 121
<MENU>, 86
<META>, 224

<NOBR>, 37
<NOFRAMES>, 178
<OL>, 76
<OPT1ON>, 207
<P>, 26
<PRE>, 69
<S>, 50
<SAMP>, 71
<SELECT>, 207
<STRIKE>, 50
<STRONG>, 63
<STYLE>, 231
<SUB>, 64
<SUP>, 64
<TABLE>, 134
<TD>, 134
<TEXTAREA>, 197
<TH>, 155
<T1TLE>, 222
<TR>, 134
<U>, 22
<UL>, 79
<VAR>, 70
<WBR>, 39

ASCII- , 34

Esc-, 34
Expires, 227

G
Generator, 226
GIF, Graphic Interchange
Format, 107
, 108

H
HTML, Hypertext Markup
Language, 12
, 253
HTML-, 15
, 15
, 15

Internet, 13

JavaScript, 255
JPEG, Joint Photographic Expert
Group, 107

Keywords, 224
^
Cascading Style Sheets, CSS, 230
, 246
M
, 247
MIME-, 186
, 248
, 248
N
, 237
Notepad, 15
, 236
, 241
Content-type, 227
Copyright, 226
onAbort, 263
CSS, Cascading Style Sheets, 230 onBlur, 258
, 246
onChange, 259
, 247
onClick, 255
, 248
onDblClick, 256
, 248
onError, 263
, 237
onFocus, 258
, 236
onKeyDown, 258
, 241
onKeyPress, 258
onKeyUp, 258
onLoad, 261
onMouseDown, 257
Description, 225
DHTML, Dynamic HTML, 253 onMouseMove, 257
onMouseOut, 257

mMouseOver, 257
mMouseUp, 257
mSelect, 259
mSubmit, 261
Unload, 261

Radiobutton, 206
Refresh, 227
Robots, 226

Tag, 20
Target, 116; 126

w
Web-
, 223
, 213
, 222
, 214
, 261
onAbort, 263
onError, 263
onLoad, 261
onUnload, 261
, 213
, 217
, 218
idow.alert, 258
idow.event.keyCode, 258
:te, 256

5, 67
, 28
, 109
, 117

iK , 117
/, 14; 19

, 64
, 169
, 91

, , 139
,
, 136

, 103

, 41
:, 113

CSS, 246, 247


, 120
, 127
, 14; 113
, 120
,
, 106
GIF, 107
JPEG, 107
, 107
, 107
, 156

, 20
<>, 114
<ACRONYM>, 67
<ADDRESS>, 68
<AREA>, 121
<>, 22
<BASE>, 94
<BASEFONT>, 51
<BLOCKQUOTE>, 63
<BODY>, 214
<BR>, 29; 102
<CAPTION>, 154
<CITE>, 63
<CODE>, 68
<COL>, 158
<COLGROUP>, 156
<DD>, 85
<DEL>, 66
<DFN>, 63
<DIR>, 86
<DIV>, 230
<DL>, 85
<DT>, 85
<EM>, 62
<FONT>, 41
<FORM>, 186
<FRAME>, 161
<FRAMESET>, 161
<HEAD>, 213; 222
<Hn>, 55
<HTML>, 213
<I>, 21
<IFRAME>, 179
<IMG>, 92
<INPUT>, 188; 192; 204; 206
<INS>, 66
<KBD>, 71
<LI>, 76
<LINK>, 231
<MAP>, 121
<MENU>, 86
<META>, 224
<NOBR>, 37
<NOFRAMES>, 178
<OL>, 76

<OPTION>, 207
<P>, 26
<PRE>, 69
<S>, 50
<SAMP>, 71
<SELECT>, 207
<STRJKE>, 50
<STRONG>, 63
<STYLE>, 231
<SUB>, 64
<SUP>, 64
<TABLE>, 134
<TD>, 134
<TEXTAREA>, 197
<TH>, 155
<TITLE>, 222
<TR>, 134
<U>, 22
<UL>, 79
<VAR>, 70
<WBR>, 39
, 20
, 20
, 61
, 20
, 20
, 28
, 20
, 35
HTML, 253
, 55
, 155
Web-, 223
, 154
, 117
, 115
, 119
, 50

,
103
, 120
, 121
, 104
, 100
, 105
, 95

, 64
, 64

, 35

, 121
, 127

317


, 246
, 247
, 248
, 248
, 237
, 236
, 241
, 229
, 192
, 16
, 31
, 108

, 61

, 79
, 255
images, 256
-, 224
author, 226
content-type, 227
copyright, 226
description, 225
expires, 227
generator, 226
keywords, 224
refresh, 227
robots, 226
, 83

, 51
, 36
, 14
, 233
, 221
, 197
, , 119
GIF, 108

, 142
, 165
, 143
, 44
, 95
, 29

, 145
, 171

CSS, 248
, 207
HTML, 15
, 15
, 15

, 127
,
107
, 152
, 253
, 126
onAbort, 263
Web-, 222
onBlur, 258
, 27
onChange, 259
, 64
onClick, 255
, 76
onDblClick, 256
onError, 263
onFocus, 258
onKeyDown, 258
, 104
onKeyPress, 258

onKeyUp, 258
, 100
onLoad, 261
, 117
onMouseDown, 257

onMouseMove, 257
CSS, 248
onMouseOut, 257
, 144
onMouseOver, 257
, 171
onMouseUp, 257
, 105
onSelect, 259
onSubmit, 261
onUnload, 261
Netscape, 49
Web-, 261

, 258
, 177
, 255
, 127
, 258
, 28
, 67

318

Internet, 14
, 222
, 118
, 34
, 51
, 75; 202
, 202
, 79
, 83
, 76
, 202; 206
, 207
, 84

, 113
, 120
, 127
, 177
, 230
, 232

, 188

, 131
,
139

, 136
, 154
, 144
, 142
, 145
, 152

, 246
, 247
, 248
, 248
, 237
, 236
, 241
, 229
, 150
, 188
, 197
, 5
MIME, 186
, 35

, 117

CSS, 237
Web-, 217
, 150
, 185

, 258
onBlur, 258
onChange 259
onFocus, 258
onSelect, 259
onSubmit, 261

' '6
GIF
107
,
JPEG, 107
, 107
, 107
, 161
, 164
, 169
, 164
, 171
, 165
, 171

CSS, 236
, 218
4?
,

, w

, 117

, 117

CSS, 241
, 41
, 50
, 51
, 44
, 51
, 47

, 16

, 156
, 152

, 143

319

HTML

..
. .
. .
.. , . .

"".
101509, , . , . 43, . 1.
. . 090230 23.06.99
.

19.05.2003. 70x100/16.
Times. .
. . . 25,8. .-. . 16,0.
4000 . 105.

" "
,
.
197110, -, ., 15.

HTML








World Wide Web - HTML.
,
,
, ,
Web.
HTML,
, Web-.
-
. , ,
HTML-, , .
,
.
, ,
.
ISBN 5-8459-0466-8
:

;1'1:1||,! iili'i

"" Internet
: www.dialektika.com
||

9 "785845 904669

11

www.homepc.ru

Оценить