HTML Express

-
55 P C
-
-
2003
681.3.06
32.973.26-018
29
29
. .
HTML. -. .: -, 2003. 256 .: .
ISBN 5-94157-317-0

HTML,
, Web-
. HTML, , ,
, .
Web-, -, .

681.3.06
32.973.26-018
:

.
.
02429 24.07.00. 19.04.03.

70x100'/|. . . . . 20,64.
5000 . 863
"-", 198005, -, ., 29.
, 77.99.02.953..001537.03.02
13.03.2002 . .

""
199034, -, 9 , 12.
ISBN 5-94157-317-0
. ., 2003
, "-", 2003
1
1
2
I. HTML -
1. HTML-
HTML
HTML

Internet Explorer
Netscape
Opera
HTML-
HTML
HEAD
<TITLE>
<LINK>
- <>
<STYLE> <SCRIPT>
BODY

HTML-
2.

7
8
8
9
10
12
13
13
13
14
14
18
18
19
20
20
20
21
22
22
22
27
32
33
_/

, HTML-

3.
HTML-?

<OL>

<UL>

4. HTML-

<TABLE>
BORDER
BORDERCOLOR
CELLSPACING
CELLPADDING
ALIGN
WIDTH HEIGHT.
<TR>, <TD> <77/>
ALIGN VALIGN
BGCOLOR BACKGROUND
WIDTH HEIGHT
NOWRAP
37
38
39
42
44
44
45
46
46
48
50
50
54
54
57
61
61
62
65
69
70
72
74
75
77
79
79
79
81
81
81
82
82
82
83
86
87
87
89
90
90
COLSPAN ROWSPAN

5.

GIF (Graphics Interchange Format)
JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics)
HTML-
HTML-
<1MG>
-
-

-
-

Adobe Photoshop 7
CorelDRAW Graphics Suite 11
Ulead PhotoImpact 8
JASC PaintShop Pro 7
Ulead GIF Animator 5

CoffeeCup GIF Animator 6.2

ACDSee 5.0
XnView 1.5
-
Sausage Image Mapper 1.23
CoffeeCup Image Mapper
6. HTML-

90
93
93
97
99
99
102
102
103
108
108
109
109
110
110
111
111
111
120
120
121
121
122
125
125
125
126
126
126
127
127
127
127
127
127
128
128
128
129
129
130
VI

Web- -

<FRAMESET>
<FRAME>
SRC
NAME
SCROLLING
NORESIZE
MARGINWIDTH MARG1NHEIGHT.
<NOFRAMES>

7.

HTML-

<EMBED>
RealAudio

130
131
132
132
132
133
133
136
136
136
136
136
137
137
137
139
142
144
144
145
145
145
147
151
II.
HTML-
153
8.
155

ACTION
METHOD
NAME
ENCTYPE
<INPUT>
TYPE
<INPUT>
155
156
159
160
160
161
161
162
163
163
164
164
173
<TEXTAREA>
<SELECT>
9. CSS Dynamic HTML !

CSS

CSS

CSS
CSS

CSS

Dynamic HTML

VII
173
175
182
182
183
184
187
187
188
189
190
190
193
196
202
202
203
203
203
204
209
219
1. HTML
221
2. HTML
229
3.
235

"HTML. -"
HTML, .
HTML-,
, , HTML Web- .
HTML -, ,
.
,
Web- HTML, Dynamic
HTML CSS. , , , ,
HTML- --
CSS - .
,
HTML Web-
.
. " I. HTML: "
HTML :
;
HTML-;
;
;
, ;
, ,
HTML-;
, ;
Web-;
G - (Imagemap);
;
Web-, , .
" II. HTML-"

:
;
CSS;
Dynamic HTML;
.
"HTML. -" -- Web- HTML

. ,
.

- " ".
- 7 , 100 , , , , -,
.
, , -.
, "CHIP-", "ComputerPrice", " ", "
", " ", " ", "", "Banner Index", "Raskmtka.Net",
"eManual", " ", "- " .
" ()", "-", "
HTML".
- ,
, "Getlnfo.Ru", "URSA-", "MS-Soft",
"TravellingRussia", "", "Guides of St.-Petersburg", "Griffin
Securities", "
", "- TopPlan", "- Ford Motor Russia" .
2002 "-"
" ".
() " ".
, , "HTML
-"

http://www.alpet.spb.ru.
I
HTML
1. HTML-
2.
3.
4.
HTML-
5.
6. HTML-
7.
1

HTML-
HTML
(World Wide Web WWW) , , .
HTML (HyperText Markup Language).
, HTML
. ,
,
,
. , , HTML ,
.
HTML , -, ,
- ,
. CD ,
.
, ,
, . ( ) .
,
HTML.
I. HTML
HTML
HTML . ,
HTML
, HTML-
() .
90- XX HTML , .
HTML 4.01.

HTML " W3C"
(World Wide Web Consortium).
.
,
() Web- .
HTML 4.0, 1997
, HTML. , 1999 ,
,
1, . . 4.01.
,
HTML, - -, .
HTML-
, .
, W3C ,
,
.

, HTML, .
HTML -
1. HTML-
.
,
: Internet Explorer, Netscape
Navigator Opera. .
Internet Explorer
1995 Microsoft
Windows 95,
- Internet Explorer 1.0.
Microsoft, Spyglass,
Microsoft. Internet
Explorer , Netscape Navigator , 1995 50% .
Microsoft
Internet Explorer 2.0, 1996 3.0, ,
, (plug-in) .
Internet Explorer ( 1997 )

Microsoft ( 60% ,
, Netscape, 30%).
Microsoft .
1999 , .
5.5 , , 2001
( ) 6.0.
, Internet Explorer :
;
, (ActiveX, CSS1/CSS2, " " .);
CU HTML-. ,
/ , Internet
Explorer ,
, , , , Netscape

;
I. HTML
_/0
Microsoft,
Windows;

.
:
;
.
Netscape
Netscape Communications Corporation Microsoft
.
Netscape 1993 ,

(
Andreessen) Mosaic (
Netscape).
(Jim Clark) Mosaic Communications (
Netscape Communications Corporation),
- Netscape O.9.
, Netscape , 1995 ( 80%) .
Internet Explorer, Netscape,
(2.0), Netscape Navigator,
,
" ".
1998 -
America-On-Line (AOL) Netscape
. 2000 Netscape 6.0, Mozilla O.6. Gecko,
Netscape AOL, a Mozilla
.
, 2002
Netscape 7.0, Mozilla 1.0.
Netscape :
;

;
1, HTML-
11
;
skin'os ( ).
, , Netscape:
, W3C;
;
.
Opera
Opera Software (. , )
1994
Telenor. , Opera
Software, (Jon Stephenson fon Tetzchner)
(Geir Ivarsoy), - -, , .
,
, , .
,
, -
Telenor, 1995 Opera ,
. ,
1996 Opera 2.1 90- - (Shareware) .
Opera ,
, :
;
;
HTML-;
;
.
Opera , :
( 39 ; Freeware- ""
);
I. HTML
;
(JavaScript/VBScript).
Opera 7.0.
, - , , , . , ,
HTML, .
.
OneStat, 2002
94,6% Internet
Explorer, Netscape 3,3%.

Mozilla 1.0 Opera 6.0
0,8%.
: Internet Explorer 91,5%, Netscape 3,2%, 5,2% (: ArtLebedev Group,
2002 ).
HTML-
, HTML . ,
. , , HTML-:
<> </>
, , , <> </>.
. ,
. </> , . .
HTML- "/" ( ). , , .
,
. , .
.
1. HTML-
13
,
- , :
<TABLE WIDTH="100%" BORDER>
<TABLE> (WIDTH) , (BORDER) .

(, <BR>). ("INDEX, FOLLOW" "robots").
HTML- : HTML,
HEAD BODY. .
HTML
HTML ,
. -
<HTMLX/HTML> ,
HTML. <HTML>
, 4.0 ( ,
HTML- , ,
HTML ).
HEAD
HEAD HTML-
, , " " - - ,
, , .
<HEADX/HEAD>.
HTML, HEAD.
<TITLE>
< T I T L E X / T I T L E >
. ,
,
HTML-.
<TITLEX/TITLE> ,
:

HTML- Untitled Document
14
I. HTML
( ), , ;
HTML- ( <TITLEX/TITLE>) "" ;
, ,
Untitled, HTML-
, .
<LINK>
,
.
<LINK>, , :
<LINK HREF="styles/main.ess" TYPE="text/css" REL="stylesheet">
HTML-,
HEAD ,
main.ess.
<LINK> . 1.1.
1.1. <LINK>
HREF
TYPE
REL
REV
- <>
- , <>
HTML-.
-, , : EQUIV NAME. HTTP (HyperText Transfer Protocol).
- :
< HTTP-EQUIV="MMH" ="">
1. HTML-
15
-
( HTML).
HTTP-EQUIV="expires"
HTML-
( ). ,
, .
CONTENT :
(Mon, Tue, Wed ..), (01, 02, 03 ..), (Jan, Feb,
. .), , (, , ) (GMT):
< HTTP-EQUIV="expires" CONTENT="Sat, 25 Jan 2003 15:30:00 GMT">
, , 25 2003 ,
15 30 " " HTML- ,
.
HTTP-EQUIV="refresh"
. URL ( ) .
10 http://www.site.ru:
< HTTP-EQUIV="refresh" CONTENT="10; URL=http://www.site.ru">
:
Web- , ,
. .
, , .
HTTP-EQUIV="Content-Type"
.
HTML- Windows-1251 KOI8-R. ,
. , , charset.
< HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
16
I. HTML
HTTPEQUIV . 1.2.
1.2. - HTTP-EQUIV
expires
HTML-

refresh
Content-Type
Content-Language
Cache-Control
Window-target

( )
Pragma

/1.0
Set-Cookie
Cookies
name
( ) expires
URL
charset
domain
path
secure
Ext-cache
Location

NAME.
name
instructions
( )
NAME="Keywords"
,
( ). :
< NAME="keywords" CONTENT="HTML, Web, WWW, Web-, ">
1. HTML-
77
NAME="Description"
HTML-,
(
-):
< NAME="description" CONTENT="HTML. -:
HTML">
NAME="Author"
() .
< NAME="Author" CONTENT="AneKcen ">
NAME="Robots"
,
().
CONTENT:
ALL ();
NONE - -
;
INDEX ;
NOINDEX ;
FOLLOW ;
NOFOLLOW .
NAME= "Robots" ,

( ALL INDEX, FOLLOW).
< NAME="robots" CONTENT="ALL">
NAME . 1.3.
1.3. - NAME
keywords
description
author

()
I. HTML
18
1.3 ()
robots
()
ALL
NONE
INDEX
NOINDEX
FOLLOW
NOFOLLOW
rating
document-state
revisit
distribution
( )
URL

(
"" )
copyright
generator
, -
. , , -. .
<STYLE> <SCRIPT>
HEAD -
<STYLEX/STYLE> <SCRIPTX/SCRIPT>. 6
, ().
BODY
BODY HTML, . . , .
1. HTML-
19
<BODYX/BODY>, HTML. <BODY> (. 1.4),

( , , ).
1.4. <BODY>
BGCOLOR
BACKGROUND
BGPROPERTIES
(, )
TOPMARGIN, BOTTOMMARGIN,
LEFTMARGIN, RIGHTMARGIN,
MARGINWIDTH, MARGINHEIGHT
TEXT
LINK, ALINK, VLINK

BGCOLOR, BACKGROUND BGPROPERTIES.
BGCOLOR ,
, RGB. HTML : , ( RGB Red, Green, Blue). RGB
( 00 FF # ( "")). . ,
.
():
<BODY BGCOLOR="white">
<BODY BGCOLOR="#FFFFFF">
<BODY BGCOLOR="255,255,255">
BACKGROUND :
<BODY BACKGROUND="images/bg.gif">
BGPROPERTIES Microsoft Internet

Explorer . ,
<BODY BACKGROUND="imageS/bg.gif" BGPROPERTIES="fixed">
20
I. HTML
, .
,
BGCOLOR :
, , ,
,
. ,
, . .,
.
,
( ).

HTML-
, , . TOPMARGIN, BOTTOMMARGIN, LEFT-MARGIN RIGHTMARGIN.
:
<BODY TOPMARGIN="5" BOTTOMMARGIN="5" LEFTMARGIN="10" RIGHTMARGIM="10">
.
, Netscape :
<BODY MARGINWIDTH="10" MARGINHEIGHT="5">
, ,
HTML- , :
<BODY TOPMARGIN="5" BOTTOMMARGIN="5"
MARGINWIDTH="10" MARGINHEIGHT="5">
LEFTMARGIN="10"
RIGHTMARGIN="10"

TEXT.
(
):
<BODY TEXT="black">

( ) (ALINK), (LINK) (VLINK) :
<BODY LINK="#OOOOFF" ALINK="#OOOOFF" VLINK="blue">
1. HTML-
21
HTML-
, HTML-. , 1.1.
I 1.1. HTML-
<HTML>
<HEAD>
<1> -</1>
< HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
<META NAME="keywords" CONTENT="HTML, , ">
<META NAME="description" =" HTML-">
</HEAD>
<BODY BGCOLOR="#FFFFFF" TOPMARGIN="30" TEXT="black" LINK="#OOFFOO"
ALINK="fOOFFOO" VLINK="blue">
HTML-!
</BODY>
</HTML>
, html htm. . HTML-!

3 HTML- - Microsoft Internet Explorer
File
Back
Edit.
View
Favorites
Slop
Tools
tJelp
Refresh
Home
Search
Favotkes
HTML-!
_J
Done
^ My Computer
. 1.1. HTML-

, HTML-. - :
,
. . , , , Web-.
HTML
, .
,
,
HTML. , CSS .

, HTML.
HTML , . ,
,
.
.

<ACRONYM> .
TITLE ( 2.1) - (. 2.1).
23
2.
Hal ACRONVM - .
Edit
Back
View
Favorites
Slop
lools
Help
Refresh
Home
Search Favorites
] -
HyperText Markup Language
,
Web-.
jSjDone"
J|| My Computer
. 2.1. <ACRONYM>
2.1. <ACRONYM>
<HTML>
<HEAD>
<1> ACRONYM</TITLE>
</HEAD>
<BODY BGCOLOR="IFFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue">
<ACRONYM TITLE="HyperText Markup Language">HTML</ACRONYM> - ,
Web-.
</BODY>
</HTML>
<ACRONYM>,
<ABBR>.
<CITE> , . ,
<CITE> </CITE>, .
<>
I. HTML
24
<CODE> . , , .
<DEL> . DATETIME CITE (
, ). ,
<DEL>,
<s> <STRIKE>.
<> --
( 2.2). (
, <CITE> <i>) (. 2.2).
i'3 - Microsoft Internet Explorer
j
File
Edit
View
Favorites
Tools
^ . '* . & 1 i : ^'.'".[*j
Back
. f.orty.iid
Stop
Refresh
Home
Search
Favorites

.
.
_J
i ^ My Computer
. 2.2. <>
2.2. <>
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="|FFFFFF" TEXT="black" LINK="ttOOFFOO" ALINK="tOOF?00'
25
2.
VLINK="blue">
<> </>. .
</BODY>
</HTML>
<HI>, <2>... <> <> ( 1 6)

( 2.3). , <>
, a <HI> (. 2.3). <>
, HTML- .
Microsoft Internet Explorer
:.iew
Back.:
Favorites
loots
. 4 | - ' ' r
Stop ': Refresh
\-
1
2
3
4
5
6
. 2.3. <1><6>
I 2.3. <1>-<>
<HTML>
<HEAD>
<1> H1-H6</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue">
2 . 863
I, HTML
26
<1>
<2> 2</2>
<> 3</>
<4> 4</4>
<5> 5</5>
<6> 6</6>
</BODY>
</HTML>
<STRONG> ,
( 2.4).
(. 2.4). <>.
- Microsoft Internet Explorer
Ejle
Back
Edit
SSew
Favorites
Stop
'
tools
HED i
Refresh
Home
Search Favorites
,
,
STRONG.
| My Computer"
. 2.4. <STRONG>
2.4. <STRONG>
<HTML>
<HEAD>
<1> </1>
</HEAD>
2.
27

VLINK="blue">
, <
</6>, STRONG.
</BODY>
</HTML>
. 2.1.
2.1.
ACRONYM
CITE
CODE
DEL
1-6
STRONG

<> <STRONG>, ,
, . HTML <>
<STRONG>.
<BASEFONT> ,
,
HTML-. <BASEFONT>
<FONT> <FONT>.
, <BASEFONT> : HEAD BODY. <BASEFONT> .
<BIS> -- , .
, HTML
<>.
<BLINK> Netscape :
I. HTML
28
<FONT> ,
. :
FACE -- , HTML- . FACE

. , ( ) .
HTML- FACE. ,
, . ,
. . (. 2.5, 2.5).
FACE - Microsoft Internet Expl...
File
Edit
-1
Back
View
iiwi! i
Favorites
Tools
Stop
Help
Refresh
Home
Search Favorites
3-
.

.
' SJ My Computer
jfS] Done
. 2.5. FACE <FONT>
| 2.5. FACE <FONT>

f..
..;,.
,,;
.i.,,,,.. ;....,
<HTML>
<HEAD>
<1> FACE</TITLE>
</HEAD>
2.
29

VLINK="blue">
<H3>
<FONT FACE="Tahoma", "Arial", "Verdana">3TOT
3- .</FONT>
</>
<>
<FONT FACE="Allegro">3TOT . </FONT>
</>
</BODY>
</HTML>
V
COLOR , ,
. HTML- :
<FONT COLOR="red">3TOT .</FONT>
SIZE , 1 7.

(+1), (1).
3.
.
, <FONT> HTML- ( 2.6, . 2.6).
I 2.6. <FONT>
.,
<HTML>
<HEAD>
<1> FONT</TITLE>
</HEAD>
VLINK="blue">
<FONT FACE="Tahoma", "Helvetica" COLOR="ttOOOOOO" 312="2"> 3- ,
"1".</FONT>
</BODY>
</HTML>
30
I. HTML
' FONT - Microsoft In..
file pt
View
Favorites
~ ' * ' !
-:-;
Back
Stop
tools
Help
ii
Refresh
.Home
Search Favorites
3-
, "1".
,,,,
,...
" Computer
. 2.6. <FONT>
<i> , <CITE>
<> ( ). <i>
.
<SMALL> , ( <SMALL>, , <BIG>).
<SPAN> ,
, .
<s> <STRIKE> HTML
.
<DEL>, .
<> --
. .
<SUP> .
(. 2.7).
31
2.
File
E*
View
Favorites
Tools
S3 i
Help
' -;; 7^-'^"- "~- ~

Back
r::v;;s,i
i:
Stop
Refresh
Home
Search Favorites
2y)3
jly My Computer
. 2.7. <SUB> <SUP>
<> , .
<CODE>.
<> .

,
. ,
, ,
. . ( 2.7). , ,
. , , <> <FONT>, HTML- (. .
).
i 2.7.
I
<HTML>
<HEAD>
<1> </1>
I, HTML
32
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="tOOFFOO" ALINK="#OOFFOO"
VLINK="blue">
<FONT FACE="Verdana", "Arial" COLOR="gray" SIZE="3">B <> </> <> .<//>
</BODY>
</HTML>
. 2.2.
2.2.
BASEFONT
BIG
BLINK
FONT
(, , )
SMALL
SPAN
s,
STRIKE
SUP

, . , . , , , ,
, , .
2.
33
, HTML-, ,
, . ,
Web-,
, , HTML-
.
HTML
,
: , , , , , .
.
- (Microsoft Word,
WordPerfect .) <Enter>.

, " ". HTML- ' <>,
( 2.8).
: , ,
(. 2.8).
i 2.8. <> I
.
......*
<HTML>
<HEAD>
<1,> P</TITLE>
</HEAD>
<BODY BGCOLOR="ttFFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue">
<FONT FACE="Tahoma" COLOR="#000000" SIZE="3">npn HTML-
<CODE>P</CODE>, .
: ,
, .</FONT>
</BODY>
</HTML>
I. HTML
34
I'll - ... HGDE3I

! 0le
Edit
View
llpl
Favorites
T;
.;;:. ;-'. ,*; 1
tools
7 ::
Help
1W' ' '1^W ]^^;3

Stop
Refresh
Home
Search
Favorites
HTML-
,
.
:
, ,

.
lj|TMy Computer"
. 2.8. <>
<> , , HTML, . <>

, . ( ).
<> ALIGN, ( 2.9):
ALiGN="ieft" ( ,
).
ALIGN ;
ALiGN="center" . , . . - ;
ALiGN="right" . , , . ;
ALiGN="justify" .
JUSTIFY ,

(. 2.9).
2.
35
: 2.9.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="tFFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue">
<> HTML- <CODE>P</CODE>, .</>
< ALIGN="center">TaKOU . </>
< 1="1;"> : , ,
.</>
< ALIGN="justify">3Ha4emie JUSTIFY ' ,
.</>
</BODY>
</HTML>
' - Micros... 150El!
I'Ete.'*
Back
itiew
Favorites
'
'i)
Stop
Tools
-i!)
Help
Refresh
:;
t*Lf
Home
':::
-tJ
Search Favorites
HTML-
,
.

.
:
, ,
.
JUSTIFY
,
.
Done
J My Computer
. 2.9.
I. HTML
36
, <> , . ( 2.10)
(. 2.10).
Ml ... BIFF '"
' 1
Stop
Refresh
Home
Search Favorites
-
(Microsoft Uorcl, WordPerfect .)

<Enter>.

, " ".
. 2.10. <>
2.10. '
"
' '"
<HTML>
<HEAD>
<1>
P</TITLE>
</HEAD>
VLINK="blue">
<P ALIGN="justify"XFONT FACE="Verdana" SIZE="3">
- (<TT>Microsoft
Word</TT>, <TT>WordPerfect</TT> .)
<</> <EM><Enter></EM>. -
2.
37
<> ro</U>, <FONT 01/="1"><1>" "</1/>.

</FONTX/P>
</BODY>
</HTML>
</FONT>:
coLOR=red,
(FONT FACE="verdana"
SIZE="3").

<DIV> <SPAN>.
CSS, :
<DIV STYLE="COLOR: GRAY;">
,
9.
, <DIV> <SPAN> . -, <DIV>
, a <SPAN> . -, <DIV>
( <>,
),
. , <SPAN>,
.
, ALIGN,
(. 2.11):
< ALIGN="justify">
. <DIV ALIGN="right"><tparMeHT . </DIV> .
I. HTML
38
DIV ... HOOF \

,
< : ' . : ' ^
Search Favoiites ,
DIV
1. , DIV SPAN
.
2. -, DIV
, a SPAN
.
SPAN
I. , DlVu SPAN
. 2. -, DIV
, a SPAN
.
. 2.11.
<DIV> <SPAN>
HTML- <CENTER>. , <CENTERX/CENTER>,

. , <CENTER>
ALiGN="center" ,
. ,
<CENTER>
<TABLEXTRXTDX/TDX/TRX/TABLE>
</CENTER>

<TABLE ALIGN="center"XTRXTDX/TDX/TRX/TABLE>
.
,
.
39
2.

,
. <>

(. 2.12).
W Microsoft Word - 2 ( ).1
I*] , . UKHQ
.1 '= ' \S '. 1= 1= & iP \ Q
<CENTEB>
<TABLEXTK><TD></TDX/TR></TABI.E>
</CENTER>

STABLE *LICN""center"><TB><TD></TL></TR></TABLE>
.
, -
.

,
.
Tab

11/11
{ 18,2: 33 45
. 2.12. Microsoft Word
HTML snbsp;, ( 2.11).

,
snbsp,- , . , (. 2.13).
I 2.11. finbsp;
1.
:......:
<HTML>
<HEAD>
......................:
;..:.:..-.
I. HTML
40
<1> </1>
</HEAD>
VLINK="blue">
<P ALIGN="justify"XFONT FACE="Verdana" SIZE="3">
ripH - (Microsoft Word, WordPerfect .) <Enter>.
</FONTX/P>
< ALIGN="justify"XFONT FACE="Verdana" SIZE="3">
snbsp; Snbsp;snbsp;
, " ".
<//>
</BODY>
</HTML>
'. - Microsoft Internet Explorer
fjle left . tfew. Favorites
.Slop
look
H,elp
Refresh
Home I Search Favorites
-
(Microsoft Word, WordPerfect .)

<Enter>.

,
" ".
I
. 2.13. Snbsp;
snbsp; HTML,
. " " .
,
, .
(,
2.
41
.). ,
, , . HTML-
(,
). <Enter>, . <> (. 2.14, 2.12).
[" ... ' ~ i
File
|dit
View
Favorites
Tools : ttelp
;^;-j Vv Îf^T
Back/'
Drwcrf
Slop:
Refresh '< t-

.
?
?
j My Computer
. 2.14. <BR>
I 2.12. <>
,.
f.
<HTML>
<HEAD>
<1> 3R</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LTNK="#COFFOO" ALINK="ttOOFFCO"
VLINK="blue">
<PXFONT FACE="Arial" SIZE="4">
<>
.<BR>
I. HTML
?<>
?
</FONTX/P>
</BODY>
</HTML>
<> .
HTML- , ,
. , "-"
: "-" "",
.
, , - <NOBRX/NOBR>.
<PXFONT COLOR="#003366"XSTRONG>
Web- <>-</> .
</STRONGX / FONTX / >
, , ,

.

<WBR>. , ( ) . <WBR> , ( ,
Netscape) , a Internet Explorer <WBR>
<NOBR>.

, ,

HTML-. ( ) ,
(. 2.15).
<HR> (
) ,
( , ,
2.

. 2.3.
43
.).
<>
2.3. <HR>
WIDTH
(
)
SIZE
( )
ALIGN
(LEFT, CENTER, RIGHT)
COLOR
(, RGB)
NOSHADE

3 () - ...
File
Back
Edit
View
Fjvorites
Stop
Tools
Help
Refresh
Home
Search Favorites
Adobe Photoshop
.

SAMPLE.PSD .
...
, TIFF,
.
-, I
[
[ My Computer
. 2.15. ()
HTML- :
<HR WIDTH="90%" SIZE="1" ALIGN="CENTER" COLOR="tOOOOOO" NOSHADE>
, , , .
44_
I. HTML

- <PRE></PRE> , ( , , ).
, , "
", .
<PRE> ,
. (<PLAINTEXT>, <XMP> <LISTING>), W3C <PRE>.

, ,
.
HTML- <! -->. , , , .
HTML-? -, HTML-,
.
.
<! >
...
<! >
-,
, .
<! 2002-2003. . >
HTML- ,
, Web-
. , .
. 2.4.
45
2.
2.4.
<DIV>
<CENTER>
Snbsp;
<SPAN>
<BR>
<NOBR>
<WBR>
<HR>

"
"
<PRE>
<PLAINTEXT>
<XMP>
<LISTING>
HTML,

HTML ,
ASCII-. HTML-
.
-.
, , HTML, , .
, ($) , , .
-- .
46
I. HTML
HTML
:
, HTML-;
;
.
.
,
HTML-
HTML-
,
HTML: , (< >), (&)
. .
HTML-,
, .
, Web- ,
HTML-, (
),
Web-:
< HREF="http: //www. site. ru/"XIMG
SRC="http://www.site.ru/images/button.gif" WIDTH="88" HEIGHT="31"
BORDER="0"X/A>
Web-,
<> . ,
sit;, sgt;.

:
Sit,-A HREF="http://www.site.ru/"Sgt;Sit;: IMG
SRC="http://site.ru/images/button.gif" WIDTH="88" HEIGHT="31"
BORDER="0">Sit;/a>

HTML- , , , ("-", ""
2.
47
.), . . 2.16
:
spound;
sreg;
± "-"
I '3 - Microsoft Internet Ex...HIE]E*
; ;Tools: Help :;
w^y-i " ; ~ W
j te.
Back
Edit
$ew
Favorites
sj
Stop
Refresh
Home
Search Favorites
Done
i $ My Computer
. 2.16.
, ( (&) ), (&), (#)

.
,

, "-" .
( ,
HTML) . ,
§ ssect;
().
,
HTML-. , HTML-
48
I. HTML
(NotePad, Windows)
(),
Microsoft Word,
( Word ),
, , . .
HTML-
, , "", ,
"" (×).
,

. ( ) <SUPX/SOP> ( ) </> ( ).

HTML- , , ,
. . , , , , , .
?
. , , ,
, . ?
,
, .
, , , , . . 2.17 : 'V " "
(
"" "", ),

HTML-, .
Web- (FrontPage, Word 2000 .), .
49
2.
HTML , -,
Web- ,
- ,
.
- Microsoft Internet Expl..
Fjle
|dit
''&>
Back
. ' ' : .**
View
"4>~.
'
Favorites
'
Tools
Help:
' "iliV'V'V
' '-. I. . . ..
Stop Refresh Home
" .3&tf .
Seaich Favorites
Facja comparagao dos precos com

os de qualquer agencia de
viagem, e faga sua eleicjao!
J
,! *|= My Computer
. 2.17.
, . , ,
. 2.17, :
eleição
-- -
"" HTML-. , , .
,
,
. - HTML-
() , ISO8859, (, Netscape)
50
I. HTML
. Internet Explorer, ,
( ,
/).

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

:
("" , "anchor") , . :
, , .
( ).
( ,
) .
.
51
2.
<>, HREF,
- ( </> ).
. 2.18 -
2.13.
[ - Microsoft Internet Ex... )
File
Edit
View
Favorites
Back
Stop
Tools
Help
Refresh
Home
Seaich Favorites
Adobe Photoshop

Adobe Photoshop,
Ad be Systems.
7.0.
http://www.adobe.com/
\$ My Computer
. 2.18.
2.13.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="fFFFFFF" TEXT="black" LINK="ttFFOOOO" ALINK="#FFOOOO"
VLINK="blue">
<FONT COLOR="gray" SIZE="6">Adobe Photoshop</FONTXHR COLOR="I003366"
WIDTH="90%" ALIGN="left">
<PXFONT FACE="Tahoma", "Verdana" SIZE="4">

Adobe Photoshop, < HREF="http://www.adobe.com/"><B>Adobe
Systems</B></A>. 7.0.
52
I. HTML
</FONTX/P>
</BODY>
</HTML>
, - <> ,
( 2.14).
2.14.
<HTML>
<HEAD>
<1>
</1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO"
VLINK="blue">
<P ALIGN="center">
<A HREF="http: //www. adobe. com/ "XIMG
SRC="http:/ /www. adobe. com/ images /adobe.gif" WIDTH="24" HEIGHT="31"
ALT="Adobe Systems" BORDER="0"X/A>
</BODY>
</HTML>
,
BORDER , , , (
HTML
5).
, ,
HTML- , 2.15
. 2.19.
2.15.
,
<HTML>
<HEAD>
<1>
, </1>
2.
53
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="ttFFOOOO" ALINK="#FFOOOO'
VLINK="blue">
COLOR="gray" SIZE="6">Adobe Photoshop</FONTXHR COLOR="I003366"
<PXFONT FACE="Tahoma", "Verdana" SIZE="4">

Adobe Photoshop, < HREF="http: //www.adobe./''xiMG
SRC="http://www.adobe.com/images/adobe.gif" WIDTH="24" HEIGHT="31"
ALT="Adobe Systems" BORDER="0"XB>Adobe Systems</BX/A>.
7.0.
</FONTX/P>
</BODY>
</HTML>
...
.File
Sfie
. Favorites
Back
Stop
Idols
Help
Refresh
Home
Search Favorites
Adobe Photoshop

Adobe Photoshop,
Adobe Systems.
>
7.0.
J
!
] http://www.adobe.com/
ijy My Computer
. 2.19.
,
HREF, <> , ,
STYLE, CLASS, NAME, TITLE TARGET.
( 9),

( . " " ).
54
I. HTML
TITLE
. , :
< HREF="http://www.site.ru/" 1=" "> />
, TITLE <>
Internet Explorer.
TARGET,
. , , () . . , Web-, :
< HREF="http://www.site.ru/page.html" TARGET="_blank">CcbuiKa </>
blank
,
W3C TARGET.
, TARGET
( __biank) , 6.

, :
.
Web-,
HTML-.

() . .
. HREF , , :
< HREF="http://www.site.ru/docs/pagel.html">CcbuiKa 1</>
,
, http://www.site.ru/docs/pagel.html.
2.
55
. HREF , , ,
:
< HREF="page2.html">CcbinKa 2 1</>
page2.html ( ) ,
pagel.html ( ). docs,
Web- www. site. ru.
, page2.html
www.site.ru, pagel.html - docs. :
< HREF="../page2. 1"> 2 1</>
,
( , docs, docs).
, , , . - (, www.sitei.ru
www. site2. ru) .

World Wide Web (WWW, ), -. , ,

.
, WWW HTTP (HyperText Transfer
Protocol, ). ,
, FTP (File Transfer Protocol, ),
E-mail ( ), News ( ), Gopher .
, HTML- , HTTP . ( /
) . .
, , , -, :
< HREF="mailto:mail@site.ru">CcbmKa </>
56
I. HTML
,

(, Microsoft Outlook, The Bat!, Netscape Messenger, Eudora .).
,
:
< HREF="mailto:mail@site.ru?Subject=3flpaBCTByUTe!"> </>

,
Subject "!".

. 2.5.
2.5.
-

World Wide Web
http: //www. site. ru/
E-mail
mailto:mail@site.ru
FTP
ftp://ftp.site.ru/
News
news:news.users.information
Gopher
gopher://gopher.site.ru/

, HTML- (
WWW). , .
, Web-
, Microsoft Word
( doc),
( zip, rar .), , , -
RealPlayer.

?
, :
< HREF="http://www.site.ru/docs/dogovor.doc">KoMMep4ecradi </>
<A HKEF="http://www.site.ru/download/program.zip">ApxnB </>
<A HREF="http://www.site./1/."> </>
2.
57
,
HTML, :

(, GIF, JPEG .);
, , (,
MPEG4 Microsoft Windows Media);
,
.

Open this file from its current location ( ) Save this file to disk ( ).

(, zip-) (. 2.20).
File Download
. You have chosen to download a file Irorri this location.
adchoice.zip from \\11\1
What would you like to do with this file?

f* this file from its current location
AliSays ask before opening this type of file
OK
Cancel
More Info
. 2.20.

HTML- ,
,
Web-. , ,
, .
3 . 863
58
I.
HTML

( ,
HREF ),
. 2.16.
: ...... ........'."--... .............................................. ........ ..... ..... ...................................... ...-^ ...... .......,................,...........,...^
j 2,16.
<HTML>
<HEAD>
<> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#FFOOOO"
VLINK="blue">
<FONT COLOR="gray" SIZE="6">Tern HTMIX/FONTXHR COLOR="tt003366"
<PXA HREF="#font">FONT</AX/P>
<PXA
HREF="#span">SPAN</AX/P>
<PXA HREF="#table">TABLE</AX/P>
<HR ALIGN="center" WIDTH="95%" NOSHADE>
<P ALIGN="justify">
<A NAME="font"x/A>
FONT , .
</BODY>
</HTML>
, , , < NAME="font"x/A>.
, ,
.
<>
. 2.6.
2.6. <>
HREF
TARGET

(/ )
2.
59
2.6 ()
STYLE
CLASS
NAME
,
HTML-, . ( 2.17, . 2.21).
; 2.17. 2
<HTML>
<HEAD>
<> 2</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="ttFFOOOO" ALINK="#FFOOOO"
VLINK="blue">
<! Photoshop 7 >
<H2>Adobe Photoshop 7</H2>
<DIVXA HREF="#intro">» </></01>
<DIV><A HREF="#interface">» <//01>
<DIVXA HREF="#system">» <//01>
<HR ALIGN="center" COLOR="gray">
<P ALIGN="justify"XFONT FACE="Tahoma" SIZE="3"XA NAME="intro"X/A>
,
< HREF="http://vjww.adobe.com/" TARGET="_blank">Adobe</A>
,
—
<>-</>. <> 7.0</STRONG>
, :
, <FONT (=""1>
o6pa3OM</BIG></FONT> .
<BRXBRXA NAME="interface"X/A>
< HREF="http://www.adobe.com/"XIMG SRC="photoshop.gif" BORDER="0"
WIDTH="64" HEIGHT="441" ALIGN="left">ripe;Kfle
</> :
,
, ( ,
.),
I. HTML
60
. <FONT FACE="Verdana" SIZE="2">Bce , ,

.</FONT>
<BRXBRXA NAME="system"X/A>
<EMXBXFONT ="#098"> HMH</FONTX/BX/EM> Adobe Photoshop 7.
: <CITE>Intel Pentium III
4</1> ( ), 280 , 128 (
256 ), 800x600 16- .
</FONTX/P>
</BODY>
</HTML>
2 - Microioft Internet Explorer
File
Back
dt
View
: :;',;-1
Fjvorites
lods
Stop
Help
Refiesh
Home
Search Favorites
Media
Histwy
Mail
Size
Print
Edil
Adobe Photoshop 7

, Adobe,
,
. Web-. 7.0 ,
: ,
.

:
, , ( ,
.),
. , ,
,
^ Adobe Photoshop 7.0

: Intel Pentium 1 4(\
), 280 , 128
. 2.21. 2
!Jy My Computer
HTML-?

- ? .
, , .
, ,
, .
, . ?
-.
, ,
, . , , Adobe Photoshop 7.
Drop Shadow. , (,
, ) .
Bevel and Emboss.
, .
Color Overlay.
.
-.
, - -
. ,
:
;
62_
I. HTML
;
.
-.
. ,
:
1. .
2. .
3. .
4. "Power".
Microsoft Word
, .
HTML ,

HTML.
HTML .

.

(Ordered List)
.
- <>, ,
<LI> (List Item
) ( 3.1, . 3.1).
! 3.1.
<HTML>
<HEAD>
' <1> </1>
63
3.
</HEAD>
VLINK="blue">
<> </>
<HR ALIGN="center" NOSHADE WIDTH="98%">
<OL>
<FONT =""><> Adobe Photoshop 7:</B></FONT>

<LI>Drop
Shadow
<LI>Bevel and Emboss

<LI>Color Overlay
</OL>
</BODY>
</HTML>
i - Microsoft Internet Explo...HlSlI?!
File
Tools , Help
Edit
H ,
Fi.-'.vsd'
Slop"\
Home
Seaich Favoiites
Adobe Photoshop 7:
1. Drop Shadow
2. Bevel and Emboss
3. Color Overlay
|
. 3.1.
, , - . , </> ,
HTML ( W3C
).
" Adobe Photoshop i ^' <OL> <>,
I. HTML
64

( ).
<> , HTML-, (. 3.2).
- Microsoft Internet Explo...BO13|
ile:
Back
Edit
View
yi .'-.'<
Favorites
Stop
loofs
#&'P
Refresh
Home
Search
Favorites

Adobe Photoshop 7:
1. Drop Shadow
2. Bevel and Emboss
3. Color Overlay
^ Jj$ My Computer
. .2. ,
<OL>
,
(,
3 5).
<> - VALUE ( 3.2, . 3.3).
! 3.2.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFF'FFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue"><> </>
3.
65

<FONT =""><> Adobe Photoshop 7:</BX/FONT>
<OL>
<LI>Drop Shadow

<LI>Color Overlay
<BR>. . .
<LI VALUE="5">Stroke
</OL>
</BODY>
</HTML>
..
]:0
I*
Sew
Favorites
lools
Help
; '^ I """ .'" "

|
Back
; ::,;:;::'
Stop
Refresh
Home
Search Favorites

Adobe Photoshop 7:
1. Drop Shadow
2. Bevel and Emboss
3. Color Overlay
5. Stroke
J
;,J My Computer
. 3.3.
<OL>
<>
, START COMPACT.
TYPE - .
, (. 3.4,
3.3).
66
I. HTML
([ ... i ' '[1
.f:.:
'-.1!
.;,;
::
hohv
Stop
Refresh
Home
"".'.,"
Search
Favorites
':
1 . Drop Shadow
2. Bevel and Emboss
3 Color Overlay

I. Drop Shadow
Bevel and Emboss
. Color Overlay

A. Drop Shadow
B. Bevel and Emboss
C. Color Overlay
ilJDone
::
; ...::.:./::
;:...,
fg [,' j jgj My Computer
. 3 .4.
3.3.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO'
VLINK="blue">
<OL TYPE="1">
<FONT 312="4"> <//>
<LI>Drop Sha,dow
<LI>Color Overlay
</OL>
<OL TYPE="I">
<FONT 312="4"> <//>
<LI>Drop Shadow
3.
67_
<LI>Color Overlay
</OL>
<OL TYPE="A">
<FONT 312="4"><> <//>
<LI>Drop Shadow
<LI>Color Overlay
</OL>
</BODY>
</HTML>
TYPE . 3.1.
3.1. TYPE <OL>
TYPE="1"
TYPE=" I"
TYPE="i"
TYPE="A"
TYPE="a"
, , TYPE="I",
TYPE ( ).
START .
. , , , F,
HTML-:
<OL TYPE="A" START="6">
START 6, . .
F .
COMPACT ,
, , ,
. , , W3C
HTML COMPACT.
68
I. HTML
,
. ,
, ,
. .
- . , HTML-:
<OL TYPE="1">
<LI>Drop Shadow
<LI TYPE="A">Bevel and Emboss
<LI TYPE="i">Color Overlay
<LI>Outer Glow
<LI TYPE="I">Stroke
</OL>
Internet Explorer ,
. 3.5 "Outer Glow" 4.
... !
File
j |.
dit .View Favorites

^
,
Back
'."':;
Stop
Tools
Help
..
Refresh
.
Home
Search Favorites

1. Drop Shadow
. Bevel and Emboss
iii.
Color Overlay
4. Outer Glow
V. Stroke
jfjjJDone
'.Sj My Computer
. .5. Internet Explorer
Netscape Navigator "Outer Glow" ( ) (. 3.6).
3.
69
..
EJle dtt iew o Communicator 1
i;-.:\
\\\
'..-)
"'"
^
"J*
' ---^
'.'I* . HI:
f *
..*.*.
wr** '!
i-.
&
,B.;;.-;
"o^/.'iff; Reload . Home
Search Netscape
Pfir**
^^ Bookmarks ..$, Locaticm:|/htnils/o!-type-diffr.hlnril _J ifp" What's Related
--J
il! Instant Message 3 WebMail @I Radio @1 People 1 Yellow Pages: (gl

1.
.
iii.
iv.
V.
Drop Shadow
Bevel and Emboss
Color Overlay
Outer Glow
Stroke
Document; Done
. .6. Netscape Navigator

.
(Unordered List)
, . ,
(bullets).
- <>,
(
, <LI>, ) ( 3.4, . 3.7).
i 3.4.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
70
I. HTML
<> </>
<FONT =""><> :</BX/FONT>
<UL>
<LI>CorelDRAW
<LI>Adobe Illustrator
<LI>Macromedia FreeHand
</UL>
</BODY>
</HTML>
' - Microsoft internet f xpl... I''I '7
. f'YEdit;
(Back
Favorites
lools
Uelp
;Slop. Refresh
Home
Search Favorites;:. .....;. V;:j

:
CoreDRAW
Adobe fflustratcr
Macromedia FreeHand
. .7.
<UL>
<> :
TYPE COMPACT. TYPE
. :
TYPE=disc , ( ), ;
TYPE=circie -- ();
TYPE=square .
71
3.
. 3.8 3.5.
- Mic... '
File
Edit
'law
FavbritM
Tools
, ^:
IJelp
':::
|^;;;; ;"'^ &

Back
i'-'
Stop
Refresh
Home
Search Favorites
:
. CorelDBAW
Adobe Elustrator
Macromedia FreeHand
:
Adobe Photoshop
Ulead PhotoImpact
Macromedia Fireworks
3D-:
3D Studio MAX
Corel Bryce
Maya
1 '' I
li
iJH Computer
. .8.
I 3.5.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="|OOFFOO"
VLINK="blue">
<UL>
<FONT 312="4"><> :</BX/FONT>
<LI>CorelDRAW
<LI>Adobe Illustrator
<LI>Macromedia FreeHand
</UL>
<UL TYPE="circle">
<FONT 31="4"><> :</B></FONT>
72
I. HTML
<LI>Adobe Photoshop
<LI>Ulead PhotoImpact
<LI>Macromedia Fireworks
</UL>
<UL TYPE="square">
<FONT SIZE="4"XB> 3D-: </BX/FONT>
<LI>3D Studio MAX
<LI>Corel Bryce
<LI>Maya
</UL>
</BODY>
</HTML>
,
.
, ,
.
<UL> COMPACT , .

HTML- .
.
, , - <> <> HTML- ( 3.6, . 3.9).
; 3.6.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<UL>
73
3.
<FONT 31="4"> :</BX/FONT>
<IMG SRC="marker.gif">CorelDRAW
<BR>
<IMG SRC="marker.gif">Adobe Illustrator
<BR>
<IMG SRC="marker.gif">Macromedia FreeHand
<BR>
<IMG SRC="marker.gif">Adobe Photoshop
<BR>
<IMG SRC="marker.gif">Macromedia Fireworks
<BR>
<IMG SRC="marker.gif">3D Studio MAX
<BR>
<IMG SRC="marker.gif">Corel Bryce
</UL>
</BODY>
</HTML>
- Microsof...PIHE
j File
j
!
Back
Edit .View
Favorites
<4
*^
!:cj,(s:J
Stop
Tools
fl el P
<!
'1
Refresh
^4
Home
'=f-4
I
f *i
Search Favorites
:
CorelDRAW
Adobe Illustrator
Macromedia FreeHand
Adobe Photoshop
Macromedia Fireworks
3D Studio MAX
Corel Bryce
[gjobne
1 . i
!.g| My Computer
. .9.

( "marker.gif")-
74
I. HTML

<>. ,
. , - HTML-, - <>. <> , .

, ,
.
, ( , )
( 3.7, . 3.10).
i 3.7.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<UL TYPE="square">
<FONT 312="4"> :</BX/FONT>
<>
<UL TYPE="disc">
<LI>CorelDRAW
<OL>
<LI>CorelDRAW
<LI>Corel PhotoPaint
<LI>Corel R.A.V.E.
</OL>
</UL>
<>
<UL TYPE="disc">
<LI>Adobe Photoshop
<OL>
<LI>Adobe Photoshop
<LI>Adobe ImageReady
75
3.
</OL>
</UL>
</UL>
</BODY>
</HTML>
:

. CorelDRAW
1. CorelDRAW
2. Corel PhotoPaint
3. CorelR.A.V.E.

Adobe Photoshop
1. Adobe Photoshop
2. Adobe ImageReady
Sif
_. _.^
. 3.10.
, .

.
, </> </>. HTML- ,
.

, , HTML.
76
I. HTML
, ,
: () ().
- <DL>
(Definition List), <DT> (Definition Term), , <DD> (Definition Description), .
.
. 3.11 3.8.
3 - Microsoft...
File
Edit
Favorites
lools
-
Back
Stop
Refresh
Home
Search Favorites
-
Web- (WYSIWYG-)
, HTML-
HTML. ,
, more
.
HTML-
, ,
HTML

.

.

. HTML-
.
.;..
! J! My Computer
. 3.11.
i .8.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="IOOFFOO''
VLINK="blue">
<DL>
3,
77_
< =""> -</>

<> Web- (WYSIWYG-)</>
<00><>, HTML- HTML. ,
, .</SMALLXBR>
<>-</>
<DDXSMALL>IlporpaMMbi, , HTML
.</SMALLXBR>
<> </>
<DDXSMALL>06bHHbie .
. HTML-
np.</SMALLXBR>
</DL>
</BODY>
</HTML>
3.8,
,
. , <BR>. ,
, , .
,
( . .
).
<DL> COMPACT,
, .

, <DIR>
<MENU>. - .
: , .
, HTML
, -
78
I. HTML
. <DIR> <> W3C .

HTML- . 3.2.
3.2. HTML-

/
<OL>,
TYPE, START,
COMPACT

( . . )
<UL>,
( )
<DL>, <DT>, <DD>
TYPE, COMPACT
COMPACT
-
HTML-

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

. ,
( , HTML-, . "
" ).

HTML-
, ,
.
- <TABLE>, .
(- <TR>, Table Row), (- <TD>, Table Data). <>
I. HTML
_80
, <> (Table Header). : , <>,

, <> .
<TR>, <TD> <> .
, .
<TABLE>, , .
(<>), (<>, <>).
.
- <CAPTION>,
<TABLE> ( , <CAPTION> , ,
).
4.1 . 4.1.
i 4.1.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="biue">
CTABLE BORDER>
<> </10>
<TR>
<> </>
<> TGKCTOM</TD>
</TR>
</TABLE>
</BODY>
</HTML>
4. - HTML-
81
- Microsoft Internet Explorer HEJDE3

Edit
View
: Back
Favorites
Stop
look
Help
Refresh
Home
; : Search
Favorites

! ;
j
|T)Done
i3 My Computer"
. 4.1.

( ) .
<TABLE>
<TABLE> , . ,
(Internet Explorer, Netscape .) .
<TABLE>,
.
BORDER
BORDER , ,
. ,
. , , HTML-.
82_
I. HTML
BORDER ,
:
<TABLE BORDER="2">
<TR>
<> 1</TD>
<> 2</TD>
</TR>
</TABLE>
BORDER
BORDER="1".
BORDERCOLOR
BORDERCOLOR
( Internet Explorer).
(, #FFCCOO) (, green).
CELLSPACING
CELLSPACING .
. CELLSPACING="O"
, . . .
<TABLE BORDER="2" CELLSPACING="2">
<TR>
<> 1</TD>
<> 2</TD>
</TR>
</TABLE>
( , ) , . . HTML
.
CELLPADDING
( ) CELLPADDING.
CELLSPACING
.
<TABLE BORDER="2" CELLSPACING="2" CELLPADDING="7">
<TR>
4.
HTML-
S3
<>
<> 2</TD>
</TR>
</TABLE>
CELLPADDING, ,
, ( , . . BORDER="O", ).
( ,
) (
CELLSPACING), . . HTML .
ALIGN
HTML-. ALIGN:
ALiGN="ieft" -- . ALIGN ;
ALiGN="right" -- ;
ALiGN="center" .
HTML , . (Internet Explorer, Netscape Opera),
. " HTML- " 1, .
4.2 (. 4.2 Internet Explorer, . 4.3
Netscape,
. 4.4 Opera).
[ 4.2.
<HTML>
<HEAD>
<1> ueHTpy</TITLE>
</HEAD>
84
I. HTML

VLINK="blue" LEFTMARGIN="40" RIGHTMARGIN="40" MARGINWIDTH="40">
<TABLE ALIGN="center" BORDER="2" CELLSPACING="2" CELLPADDING="7">
<TR>
<> </>
<TD>
<FONT FACE="Tahoma">B
:</FONT>
<UL TYPE="disc">
<>
<>
<>
<1>
</UL>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
|1 - Mirrosnft In...HIl!E3l
; 1 File
Edit
Back
View
Favorites
Stop
sgj Done
lools
Help
Refresh
Home
Search Favorites
jj|| My Computer
. 4.2. (Internet Explorer)
4. - HTML-
85
I IN - Netscape 6
; ! I
File Edit View Search So Bookmarks Tasks Help
Q
Home
S3 Netscape
Q Search
Q Bookmarks
S NetZPhone
||
|
II :
<
;fij Shop
'âfcisf
Qif 033 i Document: Done (5.33 ...
. 4.3. (Netscape)
Upera - [ ]
Q File
Edit
View
Navigation Bookmarks
Messaging
News Ij-JSj^J
, ^ . i% ^ ft
(' --, ::.
> :i , !-o
Reload Home Hollist Print New
1 Q ...
. 4.4. (Opera)
86
I. HTML
4.24.4, , (
, Internet Explorer ).
, ALIGN ""
(. 4.5).
(^ "" - Micros... Ell
'^'1
* 1 ^;'"'
'" ^ ,
\
Back
rr.p.rc
Stop Refresh Home : Search Favorites:
:
'

'
:
jj^MyComputer :
"'
:
. 4.5. ""

( , ),
100% (
). , , </TABLE>.
WIDTH HEIGHT
WIDTH HEIGHT
.
:
<TABLE WIDTH="500" HEIGHT="50%">
4. - HTML-
87_

.
.
/ .
/
. . ,
, ,
, , , ( :
ALIGN="justify").
<TABLE> . 4.1.
4.1. <TABLE>
BORDER
BORDERCOLOR
CELLSPACING
CELLPADDING
ALIGN
WIDTH
HEIGHT
<TR>, <TD> <>

<TR>, <TD> <>
. , , <TR> , ,
HTML- .
<> <>, .
ALIGN VALIGN
ALIGN . <TABLE>
, .
, ,
88
I, HTML
ALIGN
<TD> <>.
( ), ALIGN
<>.
ALIGN ALiGN="ieft",
ALiGN="right" ALiGN="center". <> , <> -- .
VALIGN
, . :
VALiGN="middle" (
);
VALiGN="top" ;
VALiGN="bottom" ;
0 VALiGN="baseline" (
).
4.3 . 4.6.
1 4.3.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="IOOFFOO"
<TABLE ALIGN="center" BORDER="2" CELLSPACING="0" CELLPADDING="5"
WIDTH="100%" HEIGHT="200">
<TR ALIGN="center">
<TD VALIGN="bottom">H4eJ4Ka 1</TD>
<> 2</TD>
<TD VALIGN="top">ea 3</TD>
</TR>
<TR>
<TD 11="1:"> 4</TD>
<TD 11=""> 5</TD>
89
4. - HTML-
<> 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
(" - Microsoft I... HleJESl

j File
Beck
^
Edit
View'
Favorites
icrw-ate
^
Tools
Help
Stop
Refresh
Home
^^^.^
' .'
"'
' : jlj
Search Favorites
.__
3
2
1
d
]Done
.:;.:,,,-::,. : , .
|
,- 1: .[
. 4.6.
ALIGN VALIGN <TR> ( ), <> <>.
BGCOLOR BACKGROUND
BGCOLOR BACKGROUND
. BGCOLOR , a BACKGROUND , (. 4.7).
<TR>
<> <> ALIGN VALIGN.
BGCOLOR <TR>, <TD> <>.
BACKGROUND 6 6 <TD> <>.
4 . 863
I. HTML
90
I'll ... 1
Fjle
Edit
Back
View
FVWirt:
Favorites
Stop
loots
Help
Refresh
. ,
Home
~*~~"
Search Favorites
2
1
^îtiz&m
====;::-.:, - :-,
ifSjDone
i^M/'CorrpUtef.
,.:
. 4.7.

WIDTH HEIGHT
,
. <TABLE>.
<TR>, <TD> <>.
NOWRAP
NOWRAP
.
, . . ( , /
). NOWRAP <TR>, <TD> <>.
COLSPANw ROWSPAN

.
COLSPAN ROWSPAN.
COLS PAN ,
<> <>, . ROWSPAN
91
4. HTML-
, <> <> (. 4.8,

4.4).
1 COLSPAN ROW...
| Ble:; * ' ; aew:: sf-averte:
tools
. :
{'^^^W!ii."-S ..-S:i.-'Sv.;ar-' -',
)'}. Back
frsrwuii::
Stop
Refresh
Home : ;
Search Favorites
..!
:' !
3
{ 1
3
2
4
5
|
|
i] Done 4. ,,:,;'';:; ';<
'
-'ISS '.SMy.Compi*er'V";,^;>v':^
. 4.8. COLSPAN ROWSPAN
I 4.4. COLSPAN ROWSPAN

<HTML>
<HEAD>
<1> COLSPAN ROWSPAN</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="IOOFFOO"
<TABLE ALIGM="center" BORDER="2" CELLSPACING="0" CELLPADDING="5"
<TR ALIGN="center" BGCOLOR="#CECECE">
<TH COLSPAN=="2">fl4eUKa 1</TH>
</TR>
<TR>
<TD ALIGN="center" ROWSPAN="3">H4eUKa 2</TD>
<TD ALIGN="center">H4eftKa 3</TD>
"A
I. HTML
92
</TR>
<TR>
<TD =""> 4</TD>
</TR>
<TR>
<TD =""> 5</TD>
</TR>
</TABLE>
</BODY>
</HTML>
COLSPAN ROWSPAN
, .
, ""
, .
COLSPAN ROWSPAN <>
<>.
<TR>, <TD> <> . 4.2.
4.2. <TR>, <> <>
ALIGN
<TR>, <TD>, <TH>
VALIGN
<TR>, <TD>, <TH>
WIDTH
<TR>, <TD>, <TH>
HEIGHT
<TR>, <TD>, <TH>
BGCOLOR
<TR>, <TD>, <TH>
BACKGROUND
<TD>, <TH>
NOWRAP
<TR>, <TD>, <TH>
COLSPAN
<TD>, <TH>
ROWSPAN
<TD>, <TH>
4. HTML-
93

,
Internet Explorer, .

.
- <> <>
. 4.5. Internet Explorer Netscape
, a Opera ,
(. 4.94.11)
! 4.5.
;
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT='"black" LINK="#OOFFOO" ALINK="#OOFFOO"
<TR ALIGN="center">
<> </>
<TDX/TD>
<> </>
</TR>
<TR ALIGN="center">
<> </>
<TDX/TD>
<> </>
</TR>
</TABLE>
</BODY>
</HTML>
94
I. HTML
' ..
fjle
^
Back
Edit
Jflew"
. '
r'o'wr-rt)
Favorites
Tools
Help
J
2l
Stop Refresh
.*J
Home i Search Favorites
( Computer
:;'
;,_,;
. 4.9. Internet Explorer
IP* ..
File Edit Search Go Bookmarks lasks Help
,Search
J 1U Home Netscape 0^ Search ;ffi! Shop
QBookmarks @ Net2Phone
! Documenti Done (d 39... ;
. 4.10. Netscape
95
4. HTML-
| - [ ...
Q 0 Edit View jjavigation rokmatks E-mail Messaging News .!<? I.X.I
;O -to it i
'*'.
Back Fo:v ,.;..;d
Reload Home Hotlist Piint New
Q & |ffe/Vlocalhost/C7MoH
v| GgJ|Goodo ". >] Search | |l 00%
^1
iTJnp .. .
. 4.11. Opera
, <>
<> ,
.
:
.
<> snbsp;.
, ( )
, HTML-
(<SPAN>, <DIV>)
. ,
, , BGCOLOR <> <>, "" ;
. ,
.
(, ) . ( GIF)
96
I. HTML
. ,
10 10
WIDTH HEIGHT.
. 4.12 4.6.
..
j
0le
|dit
Back
View
' ... ... "
Favorites
loot
Stop
(Help
Refresh
Home
Search
Favorites
'
iDone
Jgj My Computer"
. 4.12.
4.6.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<TR ALIGN="center">
<TD BGCOLOR="#CECECE"> </TD>
4. - HTML-
97
<> </>
</TR>
<TR ALIGN="center">
<TD BGCOLOR="#CECECE"XFONT COLOR="ICECECE">TeKCT</FONTX/TD>
<> </>
</TR>
<TR ALIGN="center">
<TD BGCOLOR="ICECECE"XIMG SRC="spacer.gif" WIDTH="10" HEIGHT="10"
ALT=""X/TD>
<> </>
</TR>
</TABLE>
</BODY>
</HTML>

.

.
, .
HTML
,
:
<TABLE>
<TR>
<TD ="1;"> 1 </>
<TD =""> 1 </>
</TR>
<TR>
<TD 6="1;"> 2 </>
<TD 6=""> 2 </>
</TR>
</TABLE>
Internet Explorer,
, <COL>
<COLGROUP>.
<> <COLGROUP> , .
98
I. HTML
SPAN, ,
ALIGN, ( : , ,
; <> <>).
<COLGROUP>
VALIGN ( :
, , ;
<> <>).
<COL> <COLGROUP> ()
.
. 4.13 4.7.
3 - Microsoft Internet Explo...BBE
gle Edit
Favorites
look Help
.....
Back ' -- forwirri

"
Slop
"..'.:
::-.-:"-;: ~. .:'
"::_r '
Refresh
Home i ' Search
Favorites
: . ! . -
.-...;..-
-;..::::::'.'.;::":;-..:^L:;;..::::;.:-:::.:."::.:::;;: --
3-1
. 4.13.
4.7.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
4. - HTML-
99

<COLGROUP ALIGN="center" SPAN="2">
<COLGROUP ALIGN="right" SPAN="2">
<TR>
<> 1</> 2</> 3</> 4</TD>
</TR>
<TR>
<> 5</> 6</> 7</> 8</TD>
</TR>
</TABLE>
</BODY>
</HTML>
4.13 , ,
.
, .

Internet Explorer
, - <THEAD>, <TBODY>
<TFOOT>. ( , ()
).
<THEAD> <TFOOT> , .
<TBODY> , .

, ,
, .
, <> <COLGROUP>,
.

, Internet Explorer, , .
100
I. HTML
, , ,
.
FRAME, RULES ( <TABLE>). 4.8
. 4.14.
I 4.8.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="tOOFFOO" ALINK="#OOFFOO"
VLINK="blue">
WIDTH="100%" FRAME="hsides" RULES="rows">
<> 1</BX/CAPTION>
<TR>
<> 1</> 2</> 3</> 4</TD>
</TR>
<TR>
<> 5</> 6</> 7</> 8</TD>
</TR>
</TABLE>
WIDTH="100%" FRAME="box" RULES="groups">
<> 2</B></CAPTION>
<TR>
<> 1</> 2</> 3</> 4</TD>
</TR>
<TR>
<> 5</> 6</> 7</> 8</TD>
</TR>
</TABLE>
WIDTH="100%" FRAME="above" RULES="all">
<> 3</BX/CAPTION>
101
4. - HTML-
<TR>
<> 1</> 2</> 3</> 4</TD>
</TR>
<TR>
<> 5</> 6</> 7</> 8</TD>
</TR>
</TABLE>
</BODY>
</HTML>
I'll ... 515 3[
1 i &e> View Favorites Jools Help
\[ Back
* KV-.<ai :
Slop
Refresh
Home ! Search Favorites

1
1
1
!
{ 1
{ 5
bone " ~" :
} ' 1 .' fy Computer
.^J
. 4.14.
FRAME RULES
. 4.3 4.4.
4.3. FRAME
BOX
BORDER
ABOVE
BELOW
102
I. HTML
4.3 ()
HSIDES
VSIDES
LHS
RHS
VOID

4.4. RULES
ALL
GROUPS
COLS
ROWS
NONE
,
,

HTML-
. ,
, , , . .

, , , .
, , <BODY>, ,
- .
,
.
HTML- , ,
, .
4. - HTML-
103
, :
;
;
;
;
.

,
.
,
, :

<> <> ;

;

,
;

.
4.9 . 4.15.
; 4.9.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<H2 ALIGN="center">IIOCTPOEHME </2>
<! . >
WIDTH="100%">
104 _
I,
HTML
<TR>
<TD VALIGN="top" WIDTH="50%">
<! . >
WIDTH="100%">
<TR>
<TH BGCOLOR="gray"XFONT COLOR="white">Bno;KeHHbie <//>
</TR>
<TR>
<TD VALIGN="top">
<P ALIGN="justify">
HTML- .
<BRXBR>
, , , ,
. .
<BRXBR>
,
,
,
.
</TD>
</TR>
</TABLE>
<! . >
</TD>
<TD VALIGN="top" WIDTH="50%">
<! . >
WIDTH="100%">
<TR>
<TH BGCOLOR="#000000"XFONT COLOR="white '^ <//>
</TR>
<TR>
<TD VALIGN="top">
<OL TYPE="1">
<> o<BR><BR>
105
4. HTML-
<1> <>
<> HHX<BRXBR>
<> <>
<>
</OL>
</TD>
</TR>
</TABLE>
<! . >
</TD>
</TR>
</TABLE>
<! . >
</BODY>
</HTML>
Edit
Back
yjew Favorites :
Stop
Reliesh
Home
: Search Favorite Hisloijj
Mail .
Size
Print
Edit
HTML- !
J
.
, ; \
, , , ..
^ !
, ; \
, \
| j
I I
,
i j
.
1.

2.

3.

.
5.
Don* .
. 4.15.
106
I. HTML
4.9, :
() ;
, .
HTML- ,
.
50%, .
,
HTML-, . 4.5.
4.5. ,
TABLE

.
, , , .

BORDER
BORDERCOLOR
CELLSPACING
CELLPADDING
ALIGN
WIDTH
HEIGHT
FRAME
RULES
CAPTION
ALIGN
VALIGN
TR
.

: ,
, ,
ALIGN
VALIGN
WIDTH
HEIGHT
BGCOLOR
NOWRAP
.

:
,
, , ,
(
)
ALIGN
VALIGN
WIDTH
HEIGHT
BGCOLOR
BACKGROUND
NOWRAP
ROWSPAN
COLSPAN
TD,
TH
107
4. - HTML-
4.5 ()
COL
SPAN
ALIGN
COLGROUP
,
.

SPAN
ALIGN
VALIGN
THEAD
TBODY
()
TFOOT

, HTML-
. ,
,

.
. HTML-,
, . ,
-.

HTML-, -
.
, , ,
Web-.
, (, ,
). , ,

HTML-.
5.
109

.
, , ,
. ,

. CDR
(CorelDRAW), AI (Adobe Illustrator), FH (FreeHand), SVG (Scalable Vector
Graphics) . , , , . .
(). ,
. . - .
PSD (Photoshop Document), BMP (Bitmap Image) .
, Web- ,
, .
, ,
: GIF, JPEG PNG. .
GIF (Graphics Interchange Format)

GIF CompuServe Inc.
( ).
,
256. GIF
, , ( . .),
.
GIF
-. , ,
, , .
110
I. HTML
GIF -
:

GIF ;
GIF-
,
;
GIF-
;

.
JPEG (Joint Photographic Experts Group)

JPEG,

.
JPEG ( ) .
"" ( GIF,
).
JPEG GIF ,
, (
), ,
.
PNG (Portable Network Graphics)

. PNG

.
:
;
;
.
5.
111
PNG, , , GIF JPEG ( ). png,

- (, GD::Graph,
, .).
HTML-
HTML, ,
, <BODY>, :
<BODY BACKGROUND="bg.gif">
<TABLE>
<TR>
<TD BACKGROUND="bg2.jpg">TeKCT</TD>
</TR>
</TABLE>
HTML-
HTML-
<IMG>, .
<IMG>
.
SRC
, , SRC,
( ) .
:
<IMG SRC="picture.gif">
,
"picture.gif" , HTML-, . :
<IMG SRC="images/picture.gif">
112
I. HTML
BORDER
BORDER (. 5.1). , ( ) :
<IMG SRC="images/clock.gif" BORDER="5">
<* - Microsoft Internet Explorer
j
gle
Edit
View
Favorites
lools
Help
|!*~ ": .],,! . :

Back
Forward
Stop
Refresh
Home
Search
Favorites
_l
\& Done
[| My Computer"
. 5.1.
,
1 (
, , ).
, , :
< HREF="clock.html"XIMG SRO"images/clock. g i f " BORDER="0"x/A>
WIDTH HEIGHT
HTML- ( , ) WIDTH HEIGHT ,
( , ):
<IMG SRC="images/clock.gif" BORDER="1" WIDTH="300" HEIGHT="201">
113
5.
,
:

, .
, ,
"",
;

" " . , ,
, HTML- .
, ,
, (. 5.2).
- Microsoft ...
j File
'Back
Edit
View
; ar,.:
Favorites
Slop
Tools
Help
Refresh
Home
Search Favorites
"I
||S]Done
i|
|
! My Computer-
. 5.2.
:
<IMG> ( WIDTH,
HEIGHT). , ;
114
I. HTML
(, Adobe
Photoshop) .

HTML-, (
).
( 510 ), ,
.
WIDTH HEIGHT ,
.
.

,
, .
ALIGN
ALIGN
.
ALIGN . 5.1.
5.1. ALIGN
LEFT
( )
RIGHT
( )
MIDDLE
ABSMIDDLE
BOTTOM
BASELINE
ABSBOTTOM
, (, Netscape)
ABSMIDDLE ABSBOTTOM , ,
MIDDLE BOTTOM. Internet Explorer
. 5.1 .
5.
115

.
, , . , "", "", "q", "g"
. .
ABSBOTTOM,
BOTTOM BASELINE. 5.1 . 5.3.
| 5.1.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="IFFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"
VLINK="blue">
<IMG SRC="brush.jpg" ALIGN="left" BORDER="1" WIDTH="100"
1="67"><> Ka</B><BR>CT3HflapT GIF CompuServe Inc.

( ). ,

256-, , .
GIF
, , ,
.
<HR>
<IMG SRC="brush.jpg" ALIGN="right" BORDER="1" WIDTH="100"
1="7"> pHcyHKa</B><BR>CraHflapT
GIF CompuServe Inc.
(
). ,
256-,
, .
GIF ,
, ,
.
<HR>
<> <IMG SRC="brush.jpg" ALIGN="top"
BORDER="1" WIDTH="100" HEIGHT="67"> </>
</BODY>
</HTML>
116
I. HTML

GIF CompuServe Inc.
(
). ,
256-, , .
GIF , ,
, .

GIF CompuServe Inc.
(
). ,
256-, , .
GIF , ,
, .

;.SJMy Computer"
. 5.3.
,
:
( LEFT RIGHT);
G ( ).
HSPACEvt VSPACE
HSPACE VSPACE .
.
( 5.2, . 5.4).
i 5.2.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
117
5.
<IMG SRC="brush.jpg" ALIGN="left" BORDER="1" WIDTH="100"

1="67"><> </>
GIF CompuServe Inc.
(
). ,
256-,
, .
GIF ,
, ,
.
<HR>
<IMG SRC="brush.jpg" ALIGN="left" BORDER="1" WIDTH="100" HEIGHT="67"
HSPACE="20" VSPACE="20"XB>OTCTyn 20
cea</B><BR>Caap GIF CompuServe Inc.

( ). ,

256-, , .
GIF
, , ,
.
</BODY>
</HTML>
-'! - Microsoft Internet Explorer
Edit
Back
tew
Favorites
Slop
look ; 1
Refresh
Home
Search Faoiites
Histaji
Mail
Size
Flint
Edit

GIF CompuServe Inc.
(
). ,
256-, , .
GEF , ,
, .
20
GIF CompuServe Inc.
(
), ,
256-, ,
. GIF
, , ,
.
J=JMy Computer
. 5,4.
118
I. HTML
, , HSPACE VSPACE, .
ALT
ALT
.
, . " "
, ALT
. -
.
, "services.gif",
,
" ". ,
, - " ".
. .. '
.... " '

,
|
File
Back
Edit
Sew
Favorites
Stop
Tools
~~
Help
Refresh
Home
Search Favorites
GIF
CompuServe Inc.

(
). ,

256-, ,
. GIF
,
, ,

.
ItJDone:
IjJMyCoi
. 5.5.

5,
119

:
<IMG SRC="images/spacer.gif" WIDTH="5" HEIGHT="5" ALT="">
, HTML- ( , Lynx), ,
.
ALT ,
- . , , (. 5.5).
TITLE
, , , ALT, . ,
TITLE

ALT.
, (Opera,
Netscape) ALT
.
<IMG> . 5.2.
5.2. <IMG>
SRC
BORDER
WIDTH
HEIGHT
ALIGN
HSPACE
VSPACE
ALT
TITLE
120
I. HTML
-
HTML- - (Imagemaps),
( , GIF JPEG) .
,
.
- ,
-
() HTML-.
-
:
, -,
( ,
) . ,
, ,
;
-
-
Web-;
-
;
- HTML- .
,
, -
.
:
-,
,
;
, ,
HTML- ,
-, ,
, -
;
5.
121
, , ,
Web-;
-
, , -
, .

, -
.
:
;
;
, ;
-;
;
- .
, - .
-
, - . :
(, Netscape Navigator 1.x)
-;
Web-
-
;
,
.
-,
, .
-
,
5 . 863
122
I. HTML
, HTML-.
,
.
, .
, -.
-
, -
. .

- (Server-Side Imagemap)
, , ,
Web-, CGI-.
-
. ,
. , , .

, .
, <IMG>, -, ISMAP,
MAP.

CERN NCSA.
European Organization for Nuclear

Research :
_

, :
rect (54, 127)(45, 344) http://www.site.ru/
rect (
). : circle ().
poly () default ( ).
5.
123
NCSA
National Center for Supercomputing Applications
-:
_
, Y , ,
:
rect http://www.site.ru/ 54, 127
45, 344
, CERN,
point ( , ).

- HTML- .
, HTML-.
Web- --
, -. (Client-Side Imagemap) <IMG> USEMAP.
, - Client-Side Imagemap.
- - <> NAME,
USEMAP <IMG>.
, -
<IMG>:
<IMG SRC="picture.gif" USEMAP="#mymap">
<MAP NAME="mymap">
...
</MAP>
- <AREA>, .
<AREA> :
SHAPE - - ( ,
CERN );
COORDS --
.
124
I. HTML
, , ;
TARGET - - (
6);
ALT
( );
HREF -- ;
NOHREF -- .
- ( )
. 5.6 5.3.
- ( ) - Micr... HuDEal
j File
Edit
View
Favorites
Tools
Help
"$
::
"Stop$"'Refresh
& Home
$ ;
si
Back
:''.. -'-.
Search Favorites
\ My Computer
. 5.6. - ( )
; 5.3. - ( )
<>
<HEAD>
<1> - ( )</TITLE>
</HEAD>
<BODY BGCOLOR-"#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO'
VLINK="blue">
5.
125
<IMG SRC="box.jpg" BORDER="1" WIDTH="300" HEIGHT="234" ALT=""

USEMAP="#gift">
<MAP NAME="gift">
<AREA SHAPE="rect" COORDS="60, 26, 222, 98" HREF="bantik.html"
="">
<AREA SHAPE="rect" COORDS="63,
">
<AREA SHAPE="rect" COORDS="151,
=" ">
88,
135,
188" HREF="left.html" 1/="
102, 225, 200" HREF="right.html"
</MAP>
</BODY>
</HTML>
. 5.6 , "bantik.html".
,
-.
<IMG> ISMAP USEMAP.
, USEMAP .
,
( ). Client-Side Imagemap, USEMAP , (
CGI).

, ,
, .

Adobe Photoshop 7
Adobe Systems (http://www.adobe.com)
, Web- .
126
I. HTML
Adobe Photoshop
( Web-) Adobe ImageReady ( ,
,
-).
, .

,
Corel Corporation (http://www.corei.com).
CorelDRAW Graphics Suite
, .
CorelDRAW ( , ), Corel PhotoPaint ( , , Web-)
Corel R.A.V.E. ( HTML-).
.
Ulead PhotoImpact 8
Ulead Systems (http://www.ulead.com).
Adobe Photoshop:
, .
Ulead PhotoImpact
,
.
, , .

JASC Software (http://www.jasc.com) ,
.
JASC PaintShop Pro , ,
Web-, , , Animation Shop
.
5.
127

GIF Ulead
Systems (http://www.uiead.com). ,
.
, .
CoffeeCup GIF Animator 6.2

CoffeeCup Software
(http://www.coffeecup.com). ,
.
, ZDNet Editors' Pick, CNET Downloads Pick, Tucows .
CoffeeCup GIF
Animator .
"" (Drag and Drop), , AVI, HTML-
.

ACDSee 5.0

ACDSystems
(http://www.acdsystems.com). ACDSee , ,
.
, , , (, ),
.
XnView 1.5
(http://www.xnview.com).
XnView
: 300
40 , (, . .), ,
128
I. HTML
, , , .
-
Sausage Image Mapper 1.23
- Sausage
Software (http://www.sausage.com). ,
(, , ) .
CoffeeCup Image Mapper

- CoffeeCup Software
(http://www.coffeecup.com). CoffeeCup Image Mapper
-, HTML- -,
, .
HTML-

( , "frame" , , ) , .
.
( ).
(),
.
, HTML-, .
HTML-, , , .

Netscape 2.0.
. 3.0 Netscape
,
.
Microsoft ,
Netscape , 1996
Microsoft Internet Explorer 3.0,
Netscape
.

,
130
I. HTML
. ,
, ,
() , .
, -.

, , . :

;
;
, ;
Web- -.
.

- ( ,
, . .)

(). (. .
) , (
.) , (
RollOver/MouseOver)
.
,
( ) .
:
Web-,
;
6. HTML-
131
,
;
, .
. 6.1 ,
.
- Mi... RF5 1
Edit
View
Favorites
Back
1
2
3
jf[i Done
Tools
Stop
Help
.. .
Refresh
Home
Search Favoriles

( ,
,
..),

(),

,
, -
;
i '.5J My Computer
. 6.1.

, . , (), (, ,
), .
,
, ,
,
132
I. HTML
( -)
( ),
.
.

HTML- , (,
Web-).
,
, ,
. ., .
, ,
, , , , .
,
DHTML JavaScript,
,
. ,
- ,
.
,
,
Web-.
() .
Web- -
, - .
Web- .

, , , . -
( , ),
.
6. HTML-
133

. , , :

,
;
;
;
HTML-
, .
:
,
, ,
;
,
, ;
Web-, ,
/
;
( )
,
, Web-. , .

HTML
, .
<FRAMESET>
<FRAMESET> -
HTML- ( ). , HTML- <BODY>, <FRAMESET> HEAD.
HTML- (, )
, - HTML-.
134
I. HTML
<FRAMESET> ROWS COLS.

ROWS COLS (ROWS)
/ (COLS) .
, , .
, :
<FRAMESET ROWS="30%, 70%">
,
() 30% ,
() 70% ( 100%).
,
( HTML-) ,

.
.
:
<FRAMESET COLS="*, 2*, 3*">
"" (*)

( ).
, ,
, *,
. : 1 + 2 + 3 = 6,
. . 1/6 , 2/6 ( 1/3) , 3/6 ( 1/2) (. 6.2). "" 1.
HTML ROWS COLS , :
<FRAMESET ROWS="50, 50%,
*, 3*">
:
(50 ), 50%
,
1/4 3/4.
,
(), , .
<FRAMESET> ROWS COLS
(. 6.3):
<FRAMESET COLS="40%, 60%" ROWS="*, 2*">
135
6. HTML-
^ ..
File
I-'
Edit
îew
Back
-zr
1/6
Favorites
Stop
1/3
Tools
Uelp
Rehesh
~ir
Home
Search Favorites
1/2
i Jij My Computer^
. 6.2.
1 ROWS COLS ... 31

1 File
Edit
iiew
Back
l^J Done
Favorites
Tools
Slop
1
1
tlelp
Refresh
Home
Search Favorites
1
I"l
jj/My Computer
. 6.. ROWS COLS
136
I. HTML
<FRAME>
<FRAME> ,
. , ,
<FRAME>, <FRAMESET>. <FRAME>.He , .
SRC
SRC HTML-,
:
<FRAME SRC="frames/menu.html">
nenu.html".
.
, ,
, HTML- , <FRAMESET> <FRAME>.
NAME
,
(
" " ).
SCROLLING
SCROLLING . :
Y E S - .
,

;
NO . ,

.
;
-- . , .
NORESIZE
NORESIZE
.
6. HTML-
137
, .
NORESIZE - .
, .
MARGINWIDTH v\ MARGINHEIGHT
MARGINWIDTH MARGINHEIGHT
. , :
<FRAME MARGINWIDTH="5" MARGINHEIGHT="3">
5 , 3 .
,
, HTML-
(
LEFTMARGIN,
RIGHTMARGIN,
TOPMARGIN,
BOTTOMMARGIN,
MARGINWIDTH MARGINHEIGHT 6 <BODY>).
<NOFRAMES>

HTML 3.2. ,
. HTML 4.0
, W3C - <NOFRAMES> ( ), , .
<NOFRAMES>
.
</NOFRAMES>
, <NOFRAMES>, ,
.

, .
BORDER ( ), FRAMEBORDER
( ), BORDERCOLOR ( )
FRAMESPACING ( ).
138
I. HTML
(. 6.4, 6.1).
3 - Microsoft Internet Explorer
fie
Favorites
lools
^ , '*' . a ; 1 ;^T;jgT: ,"'. ,3. |'^v ;$:. ^ gjj-::,"",
Back
Stop
Refiesh
Home
HTML.
-
! Saard) Favociles
Media
HislMy
Mail
Size
FW
Edit

*1 DIV, SPAN, P. :.
* HTML-. ? ;.,
-.
4:
HTML-
'.''
2:

,
HTML-
,
HTML-. |
: . 1
, .. ,
, , J^J
Web-.
- HTML

HTML-
::
*" " '"'""
" "" " ;:, "": *' .
HTML
, :
.
,
, jrj
: ' .
:...'..
'
'
'!^My Computer
. 6.4.
! 6.1.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<FRAMESET COLS="30%, 70%" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
<FRAME NAME="left" SRC="left.html" SCROLLING="yes" NORESIZE
MARGINWIDTH="10" MARGINHEIGHT="10">
<FRAMESET ROWS="*, 2*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
<FRAME NAME="top" SRC="top.html">
<FRAME NAME="bottom" SRC="bottom.html">
</FRAMESET>
<NOFRAMES>
6, HTML-
139
.
</NOFRAMES>
</HTML>
,
.
<FRAMESET COLS="30%, 70%" FRAMEBORDER="0" FRAMESING="0" BORDER="0">
, : 30% 70%, . <FRAME> .

, ,
:
<FRAMESET ROWS="*, 2*" FRAMEBORDER="0" FRAMESPACING="0" BORDER="0">
<FRAME>
. <NOFRAMES>, , .
. 6.1.
6.1.
FRAMESET
COLS
ROWS
SRC
FRAME
NAME
SCROLLING
NORESIZE
MARGINWIDTH
MAGINHEIGHT
NOFRAMES

,
,
HTML-.
140
I. HTML

. TARGET <>.

. , .
, : "Jolank", "_self", "_parent" "_top".
< HREF="filel.html" TARGET="_blank">
,
NAME <FRAME>,
.
< HREF="fiIe2.html" TARGET="_self">
< HREF="file3.html" TARGET="_parent">
, .
< HREF="fiie4.html" TARGET="_top">
.
NAME <FRAME>.

TARGET.
:
<FRAMESET ROWS="2*, *">
<FRAME NAME="meriu" SRC="menu.html" NORESIZE FRAMEBORDER="1">
<FRAMESET COLS="50%, 50%">
<FRAME NAME="left" SRC="left.html">
<FRAME NAME="right" SRC="right.html">
</E*RAMESET>
, .
"menu.html" (. 6.5, 6.2)
"text.html".
6. HTML-
141
* - Microsoft Internet Explorer

ffc
Favorites
loots
Help
V '.."->".."."."'" ^ W &
Back
Forward
Stop
Refresh
Home
Sear>
'5t .
- text.html Microsoft Internet Explorer

File
E*
View
Fjvorltes
Tools
Help
text.html

owe

; Done
I''.' ' My Computer"
JSJ My Computer
. 6.5.
6.2. "menu. html'

<HTML>
<BODY BGCOLOR="IFFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#OOFFOO"
VLINK="blue">
<> </>
<HR><FONT FACE="Tahoma" SIZE="2">
<UL TYPE="square">
<LIXA HREF="text.html" TARGET="left">a </>
<LIXA HREF="text.html" ="1^">
</>
<LIXA HREF="text.html" =""> </>
<LIXA HREF="text.html" ="_"> </>
<LIXA HREF="text .html" ="_1<:"> </>
<LIXA HREF="text.html" TARGET=" !"> </>
142
I. HTML
</OL>
</FONT>
</BODY>
</HTML>

TARGET="ieft" ( " l e f t "
).
(
" r i g h t " ) .
, . . "menu" , .
( "_top").

( "_biank").
, ( TARGET="menu").

,
Internet Explorer. Netscape -
.
( ), HTML, .
- <IFRAME>
, , ,
( : ALIGN, WIDTH,
HEIGHT, HSPACE VSPACE) ( 6.3, . 6.6.).
| 6.3.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#OOFFOO"
VLINK="blue">
<IFRAME SRC="iframe.html" NAME="iframe" WIDTH="150" HEIGHT="250"
HSPACE="5" VSPACE="5" SCROLLING="auto" ALIGN="right">
143
6. HTML-
.
</IFRAME>
< ALIGN="justify">
, Internet Explorer . Netscape - .
<BRXBR>

( ) , HTML- ,
.
</BODY>
</HTML>
- Microsoft Internet Explorer HQDE3E
File
V"1
Back
Edit
.
View
.
Focwatd
Favorites
w
'^Jf
Stop
loots
tlelp
....lJ
Refresh
Home

Internet Explorer. Netscape
),
HTML,

JfSjDone
LJJ
"$
Search
. iJ
Favorites
1
2
3
4
jj| My Computer
. 6.6.
, , "
".

.
, CD,
,
, .
, , .
. HTML
.

, .
,
HTML- . :
WAV
Microsoft
Windows;
MIDI Musical Instrument Digital Interface ( );
AU Sun/NeXT;
AIFF Macintosh;
RealAudio .

( ,
).
HTML
.
7.
145

HTML-
HTML-
:
;
<EMBED>.

HTML- :
< -"1.1'/"> (30 ) </>
.
, . , (, , .)
. , , ,
, .
<EMBED>
<EMBED> , .
<EMBED> 7.1 . 7.1.
; 7.1. <EMBED>
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="IOOFFOO"
VLINK="blue">
<H2 ALIGN="center">npwviep </2>
I. HTML
146
<CENTER>
<EMBED SRC="melody.wav" WIDTH="287" HEIGHT="213" AUTOSTART="true">
</CENTER>
</BODY>
</HTML>
("melody.wav")( - Microsoft Intern...
File
Edit
View
Favorites
look
T:
Help
*- T~* - ^ -^T:;g::,:'g;v
Bsc
hi'.'j;.;
Stop
Refresh
Home
Search Favorites
jgjDone
jj| My Computer
. 7.1. <EMBED>
<EMBED> . 7.1.
7.1. <EMBED>
SRC

AU, AIFF, WAV MIDI.
WIDTH
( )
HEIGHT
( )
AUTOSTART
FALSE.
TRUE
7.
147
7.1 ()
AUTOLOAD
TRUE.
FALSE
ALIGN
VOLUME

. : LEFT, RIGHT, CENTER, TOP
BASELINE. BASELINE
( )
STARTTIME
(
: "mm: ss"; 00.00)
ENDTIME
(
: "mm: ss"; )
CONTROLS

( CONSOLE, SMALLCONSOLE, PLAYBUTTON, PAUSEBUTTON,
STOPBUTTON, VOLUMELEVER). CONSOLE
CONSOLE
SMALLCONSOLE
PLAYBUTTON
PAUSEBUTTON
STOPBUTTON

( )
VOLUMELEVER
HTML
<EMBED> .
, Internet Explorer
ActiveMovie ( Windows
Media), a Netscape LiveAudio.
,
.
RealAudio
RealAudio RealNetworks - .
.
148
I. HTML
RealAudio :
RealAudio;
RealAudio ;

RealAudio.
RealAudio-
. -, .
RealAudio HTML-
-
RealAudio- <EMBED>.
RealAudio :
pnm://audio.real.com/melody.ra
:
pnm: // RealAudio;
audio.reai.com RealAudio;
melody, ra RealAudio ( ).
, RealAudio, ram (RealAudio Metafile).
( , ram),
ram .
pnm://audio.real.com/melody.ra$0:30
RealAudio ( $). $ d d : h h : m m : s s : t (::::

).
HTML- ,

RealAudio (. 7.2):
< HREF="audio/melody.ra">t>aiin RealAudio</A>
RealAudio <EMBED>
, ram, a rpm (
RealAudio). RealAudio HTML- . 7.3 7.2.
149
7.
RealPlayer
File
View
Options
Presets
Sites
Help
Channels
Choose Customize Channels
from the View menu to add
Channels.
& Update
. 7.2. RealPlayer
RealAudio HTML- - Micro... HHE3I

File
Edit
View
Favorites
Tools
Help
^ ;: 5- TW 4 ; a -,S>
Back
Forward
Stop
Refresh
Home
Search
Favorites
RealAudio
> a t F
Clip Info:
J
g] Done
gj My Computer
. 7.. RealAudio HTML-
150
I. HTML
\ 7.2. RealAudio HTML-
<HTML>
<HEAD>
<1> RealAudio -</1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#FFOOOO" ALINK="#OOFE'00"
VLINK="blue">
<H2 ALIGN="center">BcTpaMBaHMe RealAudio</H2>
<CENTER>
<EMBED SRC="audio/melody.rpm" WIDTH="300" HEIGHT="128" AUTOSTART="true"
CONTROLS="A11">
</CENTER>
</BODY>
</HTML>
<EMBED>
RealAudio . 7.2.
7.2. <EMBED> (RealAudio)
SRC

RealAudio.
WIDTH
HEIGHT
( )
( )
CONTROLS

(
. 7.3)
AUTOSTART
TRUE ( RealAudio
-)
CONSOLE
NOLABELS
TRUE
RealAudio (, .)
CONTROLS ( ) . 7.3.
7.
151
7.3. CONTROLS
ControlPanel.
InfoPanel
InfoVolumePanel
StatusBar
PlayButton
StopButton
VolumeSlider
PositionField
PositionSlider
StatusField

, ,
HTML, :
<BODY BGSOUND="audio/intro.wav" LOOP="infinite">
"intro.wav"
BGSOUND. LOOP="infinite"
. (1, 2, 3 . .).
II

L-
8.
9. CSS Dynamic HTML
!
6 . 863

HTML- -
, Web-. , ( HTML-)
.
HTML ,
. , , , HTML-
.
Web- HTML- ,
Web-.
:
1. .
2. , .
3. Web ( HTML-, .).
- CGI-
(, Perl C/C++ Web-
Common Gateway Interface) ,
, PHP, ASP, JSP .
HTML, ,
II. HTML-
156
Web-. ,
.
?
, HTML-, , , .

Web- .
, .
:
(. 8.1).
.
.
;
&
Perl:: LWP + MIME
WEB
P*rl
02/84/03
Q
... ?
r.l/JVl.-O.I
(liability
] FAQ
01/04/0-3

HTML-peoJKTOpti
m 'CW/CU
: Q ,Reporting
'
//

(579) ]
. 8.1.
157
8.
(. 8.2). , , ,
. ;
' " ", - - Microsoft Internet Explorer
He
Edit
,;**
Back
View
">
Favorites
' 3..
Slop
(3
Tools
Help
R*l
Refresh
Home
Mail
_d
f 1>:.-!->-
: IS 01 03 17.12:35
. f,-. ' f i
^ *;8
'
Ho,,,*:^.,
* --
> ''
3;
} ::~-.,~- '.--. ' }.' i"]M'';'i '
. &.|-...^
> ^:
> Kdiajmr icittdpuB
^w
/
G Timmerman
1701030948
14.01.0308:39
ft Otmitnt Miirfou KM!l!i <((
Notice
10.01.0318:00
! ) tptjMfiHKU
zfreld
10.01.0314:58
ift KotmeienmocTb 5|>?
Us
09.01.0318:57
Egorius
07.01.0300:39
ft 1>, SI..-MP3
slave
07.01.0318:43
1201.0310:00
1 (!
31.12.0211:23
Valery
07 01 .03 22:56
1|2I3|4|S|6|?|3|
(1-:1
* *'!.1
> *. pftfflir-
CpMNMd
.^:1,

: |
E-Mail: |
: I
: |
:
" ' . '
_____
__
1
;_}..>
. 8.2.
- (. 8.3). ,
. - , , ,
Web-, . ,
, , , .
- : , ,
.;
II. HTML-
158
> Aip*t.spb.Ri
11 Atpet.Spb.Ru
| | | ? | ? I 1
*; *lp*ti | | |
| ""
> ( - ^ irf- ;
' : ***!- ;
www. alpet.jpb.ru
1 1 Alpet.Spb.Ru Lao
|| Alpet.Spb.Ru; 11 , 117 , 20 .

: 1 : Alpet.Spb.Ru:
., , , .
!
'
^ TimV 7?37*m2"
;by: aipet
( : alpeO
Alpet.Spb.Ru
_
Qi>
.
DaU: -. 8.2013
Timei in27am
b v ; !
**
i
:
-
f\ i ,
.
. 8.3. -
Ffc
&fc
^Sew
Favorites .; loois . 1
' i: *' "' ; ^ = ^ ' ' :: ; :' '- ......... jy ...... ^

Bick
Stop
Rrte*
Home | . Seeich Favoiilej; Helgiy j
Mai
[17:24:08] : Avexx!
[17:21:5Qj : Angelst .
[17:17:13] : Ejen .
[17:17:10] Ejen. Q
[17:13.46] Ejen, AngeJsr
[17:12:28] Angeist: Ejen. f/m?
[17:12:03] Ejen:
[17:08:31] Ejen: Angelst: araO
[17:07:25] Ang^lst. Ejen: !*!
[17:06:54] Angeist: , ?
[17:06:52] Ejfen. Aiiyelsi.
[17:06:43] Angelsr
[17:02:52] Angslst. ?
[17:02:12] Ejen' Angelst
[17:01:59] Angelst: hi a)!
[17:01:28] : Angelst, .
[17:00:31] : Angelst!
[16:50:49] : Ejen!
[15:08:13] : .
* (2)
' 6
\ |
"*; ; |lO J
'-'] [.] [-I'j^j [ "]

' jfilrtdingt'
. 8.4.
8.
159
(. 8.4). ( , "to chat" , )

. ,
, ,
( ) ,
. , , ,
.
: ( ), , . .
- . ,
,
, . . (. 8.5).
t ! ' *^
| | - - Microsoft Internet Explorer
\ ^ 7 '*
Edit
Favorites
loots
: ' 7: \ ' 7^ - "'- * ":: ' " . ' ' : '
*:-V. F <.-::>'
IJelp
Stop
Refresh
Home ;.; Search Favorites History ;
Maii
Size
. Print.
-|Y:
'
| | I FAQ | [ |
| I
: (
: |
: "
[ 7)
?
Powered by pbpbB 2.0.3 ( 2001. 2W2 phpbb
| | | | | | 1
E-mail: stas@e-noies ru.

100MB.ru.
':
'
|*^ ."*?
:
"*'"'"
. 8.5.
{" '^'internet
II. HTML-
160

( , ), (
, , ),
. .

,
,
, , , . (. 8.6).
.RU: , , , , , , , , - Microsof..
Edit Sew Favorites lot* tjelp
ft:.;';" Slop
Reliesti
Home
Search Favorites Histaiy :
Mail
Size

: |/ ^]
: |
jfj
, , ?
| >j
Plinl
Edit
: (
^ :
[, ,
?
| ,
:

*

. 8.6.
HTML-
. , , .

- -,
: , , , , . -
8.
161
, HTML- (. 8.7).
SiteMaker - - Microsoft Internet Explorer
:
|di
:::
Bw Favor*es Ipofc::; Help :
Back' . f < -'=-
Stop
Refresh
""
..
Home '; Search' Favorites Histoiy :
Mail
''
Size .:.;:: Ptbl.
: | .
Email:
jalexpet@ramb!er,ru
email :
Jalexpet mbler.ru
| ,
|http://www.alpst.spb,ru/
:
ICQ:
:
,
,
HTML OFF
6 ON
[img] ON
: :
ON
,
,

(.
i
j i*
. '
.
' ".""" ""
* I 1 ?
I Q7 R
" """
. 8.7.

-
<FORM>, HTML-. <FORM>
. .
<FORM> : ACTION, METHOD,
NAME ENCTYPE. .
ACTION
ACTION
<FORM> Web- :
<FORM ACTION="/cgi-bin/form.cgi">
162
II. HTML-
- , .
HTML-. , ,
.

CGI- ( pi, cgi, fcgi), PHP (php, php3, phtm, phtml), ASP- (asp), JSP-
(jsp) .
METHOD
METHOD
Web-. GET ( ) POST.
GET : -
(?), HTML-,
. &".
GET:
http://www.site.ru/cgi-bin/form.cgi?Name=Vasya&Email=vasya@vasya.ru
, , , (vasya")
(vasyaSvasya . ru").
POST
, . , ,
( , GET):
http://www.site.ru/cgi-bin/form.cgi
, , (, ), GET. ,
,
( Web-
).
8.
163
Web- , HTML-, -.
NAME
NAME HTML- , - , :
<FORM NAME="mail">
ENCTYPE
ENCTYPE , ,
Web-.
.
: appiication/x-www-formurlencoded ( ) multipart/form-data.
,
( , ).
.
(, , , . .),
, text, image, application. (image/gif, text/html).
multipart/form-data , , .
<FORM> . 8.1.
8.1. <FORM>
ACTION
Web- -

METHOD
Web
NAME
ENCTYPE
Web-
164
II. HTML-
<FORM> ,

. -
HTML- ( <FORM>
- ).
<INPUT>
<INPUT>
:
;
;
Web-;
;
;
;
;
;
.
.
TYPE
TYPE , .
TYPE="TEXT" . , . 8.2.
8.2. <INPUT TYPE="text">
SIZE
MAXLENGTH
,
.
NAME
VALUE
( )
8.
165

HTML- ( 8.1, . 8.8).
I 8.1.
.....
.j
...
.:....'
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="tOOFFOO" ALINK="IOOFFOO"
VLINK="blue">
<>, :</>
<FORM NAME="mail" ACTION="/cgi-bin/mail.cgi" METHOD="post">
:<BR>
<INPUT TYPE="text" SIZE="20" MAXLENGTH="50" NAME="name">
<BRXBR>
E-mail:<BR>
<INPUT TYPE="text" SIZE="30" MAXLENGTH="35" NAME="email">
<BRXBR>
cauT:<BR>
<INPUT TYPE="text" SIZE="40" MAXLENGTH="60" NAME="www">
<BRXBR>
:<BR>
<INPUT TYPE="text" SIZE="50" MAXLENGTH="100" NAME="comment"
\7=" ( 100 )">
</FORM>
</BODY>
</HTML>
TYPE="PASSWORD" .
, ,
(. 8.9):
<INPUT TYPE="password" SIZE="30" NAME="password">

( , , ,
GET
).
TYPE="FILE" -- ,
, Web-
(. 8.10). SIZE
MAXLENGTH.
166
II. HTML-
3 j File
!
Edit
View
Favorites
Tools
H_elp
| | - ; $ ^ $ |;:'
Back
-.-.-re
Stop
Refresh
Home
i Search Favorites
, :
:
E-mail:
:
( ( 100 )
i] Done
~r~~~-j~~^r~r-
p-j
[^'/'-'^
. 8.8.
- Microsoft Inter... \
File
Edit
View
Back
Favorites
Stop
Tools
Help
Refresh
Home
Search Favorites
, :
: |""
Done >
. 8.9.
167
8.
} - Microsoft Internet Explorer
* Bw -..fixate loote
Back
Forward
Slop
Refresh ^ Home
Search Favorites
History
Mail
Size
Prim
Edit
:
:
Browse... |
jCERNdtaggif
|123456.5
150 dollars, pg
185891312.jpg
adrift.jpg
I glass! IPS
JgrapevineCIRCLE jpg
Lake.gil
togo.g*
\ logo. PNG
':; =
R menu, psd
lmesas.jpg
Hmouse_wireless.psd
|NCSAIish.g
E:
;'.
;
1 : |All Files "
! Done
Jj My Computer
. 8.10.
ENCTYpE="muitipart/form-data" POST
<FORM>. ,
.
, HTML,
, .
: "Browse" "".
. , Internet Explorer 3.x , (
).
=" , / ( 8.2,
. 8.). ,
. 8.3.
168
II. HTML-
\ 8.2.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<> , :</>
<FORM NAME="select_hobby" ACTION="/cgi-bin/hobby.cgi" METHOD="get">
<INPUT TYPE="checkbox" NAME="hobby" VALUE="computers"

<BRXBR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="art">JlMTepaTypa
<BRXBR>
<INPUT TYPE="checkbox" NAME="hobby" 7="1">
<BRXBR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="auto">ABTOMo6mm
<BRXBR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="sport">
</FORM>
</BODY>
</HTML>
Hi - Microsoft Inter.. . HH IS!
Edit
Back
JJeW
:Fflvorites
Slop
loots
Refresh
Home
i S
:
?
"
"
&
?
jg| My Computer
. 8.11.
8.
169
8.3. <INPUT TYPE="checkbox">
NAME
VALUE
( ). , . . Web-
CHECKED
,
CHECKBOX, Web-.
TYPE="RADIO" ( 8.3, . 8.12). CHECKBOX, .
NAME, VALUE CHECKED,
CHECKBOX.
I 8.3.
<HTML>
<HEAD>
<> </>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="iOOFFOO"
VLINK="blue">
<> :</>
<FORM NAME="select_age" ACTION="/cgi-bin/age.cgi" METHOD="get">
<INPUT TYPE="radio" NAME="age" VALUE="baby" CHECKED>0-5
<BRXBR>
<INPUT TYPE="radio" NAME="age" VALUE="child">5-12
<BRXBR>
<INPUT TYPE="radio" NAME="age" VALUE="junior">12-20
<BRXBR>
<INPUT TYPE="radio" NAME="age" VALUE="adult">OT 20
</FORM>
</BODY>
</HTML>
II. HTML-
170
- Microso... 1|
I
File
dit
Sack
View
Favorites
Stop
Took
Help
Refresh
Home
Seatch Favoiites
:
<* 0-5
<~ 5-12
<~ 12-20
(~ 20
Done
. 8.12.
TYPE="SUBMIT"
Web-. -,
.
, . <Enter> .
, . .
.

"Submit" ("Submit Query" ., ).

() NAME ( , ) VALUE
( ).
TYPE="iMAGE"
Web-.
HTML
, .
8.
171
:
SRC ,
;
ALIGN
;
CJ BORDER ( ,
);
D ALT / .
TYPE="RESET"
HTML-.
. , .
, , , , .
.
8.4 . 8.13.
"Reset". VALUE.
i 8.4.
<HTML>
<HEAD>
<1> </1>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="tOOFFOO"
VLINK="blue">
<FORM NAME="user_data" ACTION="/cgi-bin/anketa.cgi" METHOD="post">
<2> :</2>
<>< :<//>
:<BR>
<BR>
E-mail:<BR>
<BR>
II. HTML-
/72
:<BR>
<INPUT TYPE="text" SIZE="40" MAXLENGTH="60" NAME="www">

<>: <//>
<INPUT TYPE="radio" NAME="age" VALUE="baby" CHECKED>0-5
&;&;< TYPE="radio" NAME="age" VALUE="child">5-12
&;Snbsp;Snbsp;Snbsp;<INPUT TYPE="radio" NAME="age"
VALUE="junior">12-20 &;Snbsp;<INPUT TYPE="radio" NAME="age"
VALUE="adult">OT 20
<><>: <//>
&;&;<1 TYPE="checkbox" NAME="hobby"
VALUE="art">JfriTepaTypa &; <INPUT TYPE="checkbox"
NAME="hobby" VALUE="music">My3biKa &; <INPUT
TYPE="checkbox" NAME="hobby" VALUE="auto">ABTOMo6itti <INPUT
TYPE="checkbox" NAME="hobby" VALUE="sport">
< ALIGN ="center">
<INPUT TYPE="submit" =" "> <INPUT TYPE="reset"
7=" ">
</P>
</FORM>
</BODY>
</HTML>
^ - Microsoft Internet Explorer
Ete E* View FjvortM loofe ijdp
.
^ '."".;"& ~.'~''$;]"& a & : - &''at a
Back
'..-
;'
StJ
Refresh .Home =
Search
Favorites
History
Mai
See
Preit
Edit
:
:

E-mail:
:
<*0-5 ^ 5 - ] 2
^12-20 <* 20
:
' " ~ * "

. 8.13.
8.
173
TYPE="HIDDEN" , ,
, . - Web- (
VALUE).
<INPUT>
, <INPUT> ,
HTML.
:
DISABLED - , . DISABLED
. Internet
Explorer. , HTML ,
DHTML, CSS, JavaScript .;
TITLE
. : Internet Explorer (4.x ), Netscape (6.x ), Opera (6.0 );
STYLE CSS
;
CLASS , CSS
( ).
<TEXTAREA>
- <TEXTAREA> ( 8.5, . 8.14). . <TEXTAREA>
.

.
<TEXTAREA> . 8.4.
8.4. <TEXTAREA>
COLS
ROWS
NAME
,
-
174
II. HTML-
8.5.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<>, :</>
<FORM NAME="mail" ACTIONVcgi-bin/mail.cgi" METHOD="get">
:<BR>
<BR>
E-mail:<BR>
<BR>
:<BR>
<TEXTAREA COLS="25" ROWS="5" NAME="comment"> ...</TEXTAREA>
<BRXBR>
<INPUT TYPE="submit" VALUE="OTnpaBMTb"> <INPUT TYPE="reset"
VALUE="">
</FORM>
</BODY>
</HTML>
- Microsoft Internet Exp... )
i 0
Back
&*
::
:'*
Favorites
Stop
look
it
Help
Relresh
Home
Sealed Favorites
, :
:
E-mail:
:
. . .
|
j]0or
iJH My Computer
. 8.14.
8.
175
<SELECT>
<SELECT> . , CHECKBOX RADIO
, <SELECT> , HTML-.
( 8.6, . 8.15).
I 8.6.
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<FORM NAME="anketa" ACTION="/cgi-bin/anketa.cgi" METHOD="get">
<H2>B ?</2>
<SELECT NAME="city" SIZE="5">
<OPTION VALUE="Moscow">MocKBa
<OPTION VALUE="Spb" -
<OPTION VALUE="Samara">CaMapa
<OPTION VALUE="Ryazan">PH3aHb
<OPTION VALUE="Krasnoyarsk">KpacHOHpCK
<OPTION VALUE="Komsomolsk">Kocooc-a-Aype
<OPTION VALUE="Vladivostok">Rna,4MBOCTOK
</SELECT>
<2> ?</2>
<SELECT NAME="profession">
<OPTION ="">
<OPTION VALUE="Technic">Crrecapb
<OPTION ="1">
<OPTION VALUE="Driver" >
<OPTION VALUE="Fireman">
<OPTION VALUE="Actor">AKTep
</SELECT>
<BR><BR>
II. HTML-
176
<INPUT TYPE="submit" ="">&;<INPUT TYPE="reset"

=" ">
</FORM>
</BODY>
</HTML>
I - ... 131
|dit
View
Back
Favorites
Stop
Tools
Help
Refresh
Home
Search
Favorites
?
[ _TJ
Done
J
;jy My Computer
. 8.15.
- <SELECT>
, :
NAME - - , -. , Web-;
SIZE - - , , ;
MULTIPLE , (
<Ctrl>).
- <SELECT> , , <OPTION>,

.
8.
177
- <OPTION> :
VALUE , - Web-. , .
, VALUE (. . - <OPTION>);
SELECTED - -
.

.
, <OPTION>
.
. 8.5 , .
8.5.
FORM
ACTION
METHOD
NAME
ENCTYPE

.
Web- , ,
-
INPUT
TYPE
NAME
VALUE
SIZE
CHECKED
MAXLENGTH
, ,
/, / , Web-,
TEXTAREA
COLS
ROWS
NAME
SELECT
NAME
SIZE
MULTIPLE
OPTION
VALUE
SELECTED
()
( )
178
II. HTML-
, ( 8.7, . 8.16).
I 8.7.
;..;
.;.....
.
...;
:......;..........................;..............;
<HTML>
<HEAD>
<1> </1>
</HEAD>
VLINK="blue">
<H2 1=""> </2>
<FORM NAME="user_anketa" ACTION="/cgi-bin/anketa.cgi" METHOD="post"
ENCTYPE="multipart/form-data">
<TABLE BORDER="0" CELLPADDING="5" CELLSPACING="3" ALIGN="center"
WIDTH="98%">
<TR>
<TH BGCOLOR="#999999" 110="50%"> </>
<TH BGCOLOR="#999999" ="50%"></>
</TR>
<TR>
<TD VALIGN="top" BGCOLOR="#EEEEEE" WIDTH="50%">
:<BR>
<BR>
:<BR>
<INPUT TYPE="password" SIZE="30" MAXLENGTH="35" NAME="password">
<BR>
:<BR>
<INPUT TYPE="file" SIZE="18" NAME="photo">
</TD>
<TD VALIGN="tOp" BGCOLOR="ttEEEEEE" WIDTH="50%">

<BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE,="art">epaypa

<BR>
8.
179
<INPUT TYPE="checkbox" NAME="hobby" ="1">

<BR>
<INPUT TYPE="checkbox" NAME="hobby" ="">
<BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="sport">
</TD>
</TR>
<TR>
<TH BGCOLOR="#999999" WIDTH="50%">MecTO </>
<TH BGCOLOR="#999999" ="50%"</>
</TR>
<TR>
<SELECT NAME="city" SIZE="5">
<OPTION VALUE="">
<OPTION VALUE="Spb">CaHKT-rteTep6ypr
<OPTION ="">
OPTION VALUE="Krasnoyarsk">KpacHOHpCK
<OPTION ="1^>---
<OPTION VALUE="Vladivostok">BnaflHBOCTOK
</SELECT>
<BRXBR>
<SELECT NAME="country">
DPTION VALUE="">
<OPTION VALUE="Russia">PoccHH
<OPTION ="11">
DPTION VALUE="USA">OUA
<OPTION VALUE="Germany">repMaHMH
<QPTION VALUE="France">
</SELECT>
</TD>
<TD VALIGN="tOp" BGCOLOR="#EEEEEE" WIDTH="50%">
<TEXTAREA COLS="25" ROWS="5" NAME="comments"X/TEXTAREA>
<BR>
II. HTML-
180
<INPUT TYPE="radio" NAME="site" VALUE="first" >
<BR>
<INPUT TYPE="radio" NAME="site" VALUE="not_first">fl
</TD>
</TR>
<TR>
<TD COLSPAN="2" ALIGN="center" BGCOLOR="t999900">
<INPUT TYPE="submit" ="">&;<1 TYPE="reset"
="">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

ffc
Edit
"**
Back
Favorites
lools
**' , '
L*0
fa'v.-a-r
Slop Refresh
. . '
^
Home
"-
Lil
~^*r [ -Cd*
Search Favorites Hisloiy : Mail
w *
Size
;
S*
Print
-
Edit
:
[
?
"
"

!
.
:
|:\\1
Browse.. |
\Po
ff
"; Computer
. 8.16.
8.
181
:
;
;
Web-;
;
;
;
;
;
;
.
CSS Dynamic HTML

!

HTML
.

HTML-, (Cascading
Style Sheets, CSS) .
:
. HTML
, , ;
. CSS
.
, .
. :
DIV
{
font-family: Tahoma;
color: black;
font-size: 12px;
. -
. CSS HTML.
HTML 4.01 CSS:
(Flexible placement of style
information).
, CSS-,
/83

. " " ;
(Independence from
specific style sheet languages). HTML ,
CSS, ,
,

HTML-;
(Cascading).
( ) HTML. He
.
;
(Media dependencies). CSS :
Windows Macintosh,
, (), ;
(Alternate styles).
HTML CSS.
CSS
CSS
Internet Explorer 3.0. CSS ,
.
CSS , ()
. CSS,
. : CSS 1 ( , 11 1999 ), CSS 2 (
, 1998 ) CSS 3 (
, 23 2001 , ).
CSS ,
, , ,
, CSS.
184
II. HTML-
(CSS 3) ,
.

, CSS , CSS, , .
( ) :
.
HTML- (
ess), <LINK> CSS- , :
<LINK REL="stylesheet" TYPE="text/css" HREF="style.ess">
, HTML-, , , CSS.
, CSS-
HEAD HTML-;
. HTML-, :
<STYLE TYPE="text/css">
<!
BODY { font-family: Arial, Helvetica; }
INPUT { background-color: #CECECE; }
-->
</STYLE>
HEAD.
, CSS
, ( CSS
,
, CSS);
. HTML-
CSS.
, :
< ALIGN="justify" STYLE="color: #000000; font-family: Verdana;">
...
185
.
HTML-
:
<TABLE>
<TR>
<TD CLASS="header"x/TD>
<TD CLASS="text"x/TD>
</TR>
</TABLE>
(
):
<!
.header { font-weight: bold; color: gray; }
.text { color: black; font-size: llpx; }
-->
</STYLE>
.header , . text , 11 ;
. CSS, , :
< i
Simport: url(style.ess);
-->
</STYLE>
CSS HTML- ( 9.1).

CSS, ,
, HTML <STYLE>,
.
9.1.
CSS
<HTML>
<HEAD>
<1> CSS</TITLE>
7 . 863
186
II.
HTML
<LINK REL="stylesheet" TYPE="text/css" HREF="style.css">

<!
P { text-align: justify; color: green; }
.title { color: blue; font-weight: bold; font-size: 16px; }
>
</STYLE>
</HEAD>
VLINK="blue">
<FONT CLASS="title">Cnoco6bi CSS</FONT>
CSS,
, .
<UL>
<>
<>
<>
<>
</UL>
</BODY>
</HTML>
,
CSS .
HTML- ,
. CSS ,
HTML .
CSS ( ), ,
CSS .

( "" ,
CSS-).
, .

CSS HTML-, .
187

. , Netscape "
" ( _ ) HTML (.news_titie, ._about . .). ( Netscape ) , <>/<>: <
CLASs="text">TeKCT</TD> , a <TDXFONT
CLASs="text">TeKCT</FONT></TD> .
CSS

CSS
.

HTML- ().

HTML. .
{ color: blue; font-family: Tahoma, Verdana, Arial; }
,
: , Tahoma,
Verdana, Arial.
, , .
, CSS
.
:
( color: blue; }
{ font-family: Tahoma, Verdana, Arial; }
{ color: blue; font-family: Tahoma, Verdana, Arial; }
, , -, CSS-, - .
CSS
, :
TD, , , DIV { text-align: justify; color: gray: font-size: ; }
(<>, <>), (<>)
188
II. HTML-
(<DIV>), : , ,
10 .
CSS :
HTML. :
BODY { color: orange; }
BODY .
, ,
;
.
, ,
. (
, , ).
.red { color: red; }
HTML, ,
, . red:
<FONT CLASS="red">TeKCT </>
<HR CLASS="red">
HTML,
:
H R . r e d { color: red; }

, HTML-
. , :
HR { text-align: justify; }
, . . , , , ;
. # ()
:
#black { background-color: black; }
, ,
, :
<TD ID="black">H4eUKa </>
189
,
? ,
HTML-. ,
(). , , , .
.
HTML ,
/ .
HTML, . , HTML- .
,
.
.
HTML CSS, : (link),
(visited), (active)
(hover). (link, visited, active) -
<BODY> HTML- ( CSS 1). (hover) CSS 2

( Internet Explorer 4 , Opera 5 , Netscape 6 , Mozilla 1.0; , hover).
:
A:link { color: blue; }
A:active { text-decoration: underline; }
A:visited { color: gray; }
A:hover { color: orange; }
190
II. HTML-
.
:
A:active.red { color: red; }
A:hover.red ( color: blue; }
A:active.white { color: white; }
A:hover.white ( color: black; }
CSS
, HTML- . , HTML - <> (<STRONG>), CSS font-weight:
bold,- ( ). HTML <>, CSS
text-decoration: underline; . .
, HTML,

CSS.
, : , .
CSS
CSS
,
HTML. (,
, , ), CSS ,
, ( )
.

CSS (. 9.1).
,
, .

, ,
.
191
9.1. CSS
in ( ~ 2,5 )
em ( )
mm ()
( )
cm ()
()
pt ( ~ 1/7 )
% ( )
( = 12 )
. 9.2 CSS.
9.2. CSS
font-family
font-family:
Tahoma, Arial;
(
)
font-size
font-size:
font-style
font-style:
font-weight
font-weight: bold;
font-variant
font-variant:
small-caps;
text-decoration
text-decoration:
underline;
text-align
text-align:
text-transform
text-transform:
uppercase;
letter-spacing
letter-spacing:
lem;
line-height
line-height: 5mm;
Color
color: #FFFFFF;
Background-color
background-color:
white;
llpx;
italic;
right/-
()
II. HTML-
192
(. 9.1, 9.2) CSS.

CSS - Microsoft Internet Explo...
gle
Back
Edit
View
"crv.-',,
Favorites
Tools
Stop
Help
Refresh
Home
Search
Favorites
CSS

,
HTML,
(, ,
, ),
CSS
,
, (
) .
I
jjjj My Computer
. 9.1. CSS
9.2. CSS
<HTML>
<HEAD>
<1> CSS</TITLE>
<!
.text { font-family: Tahoma; color: 1003366;

line-height: 7mm; font-size: 12pt; }
fkursiv { font-style: italic; }
SPAN. font { font-size: llpx; }
.color { background-color: #CECECE; }
</STYLE>
</HEAD>
VLINK="blue">
193
9. CSS Dynamic HTML ~ !

<FONT CLASS="text">
CSS ,
HTML. (<FONT STYLE="text-decoration:
underline;"></>, <FONT ID="kursiv">KypCMB</FONT>, <FONT
STYLE="font-weight: bold;"> </>, <FONT STYLE=
"font-family: Times New Roman;"> </> <SPAN
CLASS="font">pa3Mep pa</SPAN>), CSS <FONT
="1"> </>, <FONT STYLE=
"letter-spacing: ;">eye</FONT> ,
<FONT STYLE="text-transform: uppercase;"> </> (
) .
</FONT>
</BODY>
</HTML>

CSS

: , DIV .
. 9.3
CSS.
9.3. CSS
border- width
border-width:
20;
border-style
border-style :
solid;
border-color
border-color:
gray;
list-style-type
list-style-type:
square;
list-style-image
list-style-image:
url(bullet.gif");
margin
margin:
4px;
2px
, ,
padding
padding-top:
lOem;
padding-right:
25px;
,
,

Ipx
194
II.
HTML-
9.3 ()
width
width: ;
height
height:
background-color
float
120px;
background-color:
#;
float: left;
( 9.3, . 9.2) CSS.

! 9.3. CSS
<HTML>
<HEAD>
<1> CSS</TITLE>
.text { font-family: Tahoma; color: #003366;

line-height: 7mm; font-size: 12pt;
margin: lOpx lOpx lOpx lOpx; padding-left: 15px;
padding-right: 15px; border-color: black;
border-style: dotted; background-color: #COCOCO;
width: SOOpx; text-align: justify; }
#kursiv { font-style: italic; }
SPAN. font { font-size: llpx; >
.color { background-color: #CECECE; }
IMG { float: left; width: lOOpx; height: lOOpx; }
LI {list-style-type: circle; }
>
</STYLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO
VLINK="blue">
195

< CLASS="text">
<IMG SRC="picture.gif ">CSS

, HTML. :
<UL>
<LIXFONT STYLE="text-decoration: underline; "></>
<LIXFONT
ID="kursiv">KypcHB</FONT>
<LIXFONT STYLE=" font -weight: bold; "> </>

<LIXFONT STYLE="font-family: Times New Roman; "> </(>
<LIXSPAN CLASS="font">pa3Mep </>)
</UL>
<P CLASS="text">
CSS <FONT 1="1"> </>, <FONT STYLE=" letter-spacing: ; "></>
, <FONT STYLE="text-transform: uppercase; "> rncTpa</FONT> ( ) .
</BODY>
</HTML>
61e
Ed*
Vie*
"
Favorites
Slop
Beck
idols
ReliKh
Home
Search Favotiles
Hisloiy i
Mai
Siee
Prrt
eSS '

,
HTML.
...:..-..
*)
, CSS ,
:'. : / ,
( ) t^woroe .
[^ My Computer
. 9.2. CSS
196
II. HTML-
, CSS, : text-align,
background-color . ,
CSS , .
CSS
HTML
. , ,
. CSS.
. 9.4 CSS.
9.4. CSS
Background-color
background-color:
white;
border-width
border-width: Ipx;
border-style
border-style:
solid;
border-color
border-color:
#003366;
border-top
border-right
border-bottom
border-left
border-top: Ipx;
border-right: 2px;
border-bottom: 3px;
border-left: 4 p x ;
, ,
font-family
font-size
font-weight
font-family:
Tahoma;
font-size: 12em;
f o n t - w e i g h t : bold;

(
)
margin
m a r g i n : 2px 2px
2px 2px

(, , ,
)
padding
padding-top: Ipx;
padding-right: 2px;
width
width: 200px;
height
height: 50px;
197
( 9.4, . 9.3) CSS.

I 9.4. CSS
<HTML>
<HEAD>
<1> CSS</TITLE>
<STYLE TYPE="text/ess">
<!
INPUT.text { font-family: Tahoma; color: #003366;

font-size: 12px; padding-left: 5px;
padding-right: 5px; border-color: black;
border-style: solid; border-width: Ipx;
background-color: #F9F9F9; width: 250px; }
TEXTAREA. field { font-family: Verdana, Arial;
color: #003366; font-size: 12px;
padding-left: 5px; padding-right: 5px;
border-color: black; border-style: solid;
border-width: Ipx; background-color: #F9F9F9; }
INPUT.button { font-family: Tahoma; color: #FFCCOO;
font-size: llpx; font-weight: bold;
border-color: white; border-style: solid;
border-width: Ipx; background-color: gray;
width: 200px; }
BODY, TD { font-family: Tahoma; color: #003366;
font-size: llpx; }
TH { color: #FFFFFF; }
>
</STYLE>
</HEAD>
VLINK="blue">
<H2 ALIGN="center">nCfflb30BATEflbCKAH </2>
<FORM NAME="user_anketa" ACTION="/cgi-bin/anketa.cgi" METHOD="post"
ENCTYPE="multipart/form-data">
198
II.
HTML-
<TABI,E BORDER="0" CELLPADDING="5" CELLSPACING="3" ALIGN="center"

WIDTH="98%">
<TR>
<TH BGCOLOR="#999999" ="50%"> </>
<TH BGCOLOR="#999999" 10="50%"><:/>
</TR>
<TR>
: <BR>
<INPUT TYPE="text" SIZE="30" MAXLENGTH="35" NAME="name" CLASS="text">
<BR>
: <BR>
<INPUT TYPE="password" SIZE="30" MAXLENGTH="35" NAME="password"
CLASS="text">
<BR>
: <BR>
<INPUT TYPE="file" SIZE="18" NAME="photo" CLASS="text">
</TD>
<TD VALIGN="top" BGCOLOR "#EEEEEE" WIDTH="50%">

<BR>
<INPOT TYPE="checkbox" NAME="hobby" ="1;">
<BR>
<INPUT TYPE=" checkbox" NAME="hobby" VALUE="music">My3biKa
<BR>
<INPUT TYPE="checkbox" NAME="hobby" ="">
<BR>
<INPUT TYPE="checkbox" NAME="hobby" VALUE="sport">CnopT
</TD>
</TR>
<TR>
<TH BGCOLOR="#999999" WIDTH="50%">MeCTO </>
<TH BGCOLOR="#999999" ="50%"</>
</TR>
<TR>
<SELECT NAME="city" SIZE="5" STYLE="font-family: Verdana; font-size:
<OPTION VALUE="" STYLE="background-color: tCECECE; "> --- ---
199
<OPTION VALUE="Spb" STYLE="background-color: #CECECE;">-
<OPTION VALUE="Ryazan" STYLE="background-color: iCECECE;">
<OPTION VALUE="Krasnoyarsk">KpacHOHpCK
<OPTION VALUE="Komsomolsk" STYLE="background-color:
ICECECE; "--
<OPTION VALUE="Vladivostok">BnaflOCTOK
</SELECT>
<BRXBR>
<SELECT STYLE="font-family: Verdana; font-size: llpx;">
<OPTION VALUE="">
<OPTION VALUE="Russia">PoccMH
<OPTION VALUE="England">A
<OPTION VALUE="USA">CU1A
<OPTION ="">
<OPTION ="">
</SELECT>
</TD>
,<TD VALIGN="top" BGCOLOR="#EEEEEE" WIDTH="50%">
<TEXTAREA COLS="25" ROWS="5" NAME="comments" CLASS="field"X/TEXTAREA>
<BR>
<INPUT TYPE="radio" NAME="site" VALUE="first" >
<BR>
<INPUT TYPE="radio" NAME="site" VALUE="not_first">H
</TD>
</TR>
<TR>
<TD COLSPAN="2" ALIGN="center" BGCOLOR="#999900">
<INPUT TYPE="submit" ="" CLASS="button">Snbsp;<INPUT
TYPE="reset" 7="" CLASS="button">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
200
II. HTML-
Toots
' ^: v ""* . ''& ^ : 4 v -a 21 3"k> 4-"";'

Sack.
FpfwafCf
Stop
Refresh
.Home
Seech Favorites
History
Ml
Size '.".'Print
Edit
f?
"
"
"
--- - ^
nj My Computer
. 9.3. CSS
D ^ Edit View
F-.w-:;d
Navigation
Bookmarks
E-mail
Messaging
News
Window
Reload Home Hotlist Print New

"
"
~ &
"

- --
-
J--- -
(^
(~~
[3 ...
. 9.4. Opera 6 ( CSS)
201
Fife Edit View Search Qo gookmarks Tasks Help
^0.0 Q
I Home gg Netscape O% Search | Shop
^Bookmarks ^ Net2Phone
**
I
I &
. 9.5. Netscape 6.2 ( CSS)
Edit
View
So
Communicator
j|
Menag
So(o:|/hlmls/lorrn-css.hlml
'gl WabMJ '|| Hadio
1 People
glYeltoPag
g Download
'Sji Calendar ',_j Oannete
? **1 11
**
" *
I

< ;
Browse...
--- * - *]
-
* in*pent w >
' pss
..ca
. 9.6. Netscape Navigator 4.7 ( CSS)
202
II. HTML-
, . 9.3 ( CSS)
. 8.16 ( HTML).
. , , Internet Explorer
CSS 1 CSS 2,
( ) (. 9.4).
Opera 6 SELECT,
border-style INPUT,
color ()
().
Netscape 6.2 (. 9.5) CSS, INPUT
TYpE="fiie" ( ).
, Netscape
Navigator 4.7 , (. 9.6).

HTML, ,
. CSS ( 2) HTML-
,
.
, CSS ( ) .
: . position, top left.

, , :
<IMG SRC="picture.gif" WIDTH="100" HEIGHT="100" ALT=""
STYLE="position: absolute; top: lOpx; left: 25px;">

10 25
203
( ).

(. . ), :
<DIV ID="text" STYLE="position: relative; top: 50px; left: 50px;">
Dynamic HTML
Dynamic HTML HTML
. ,
.
HTML :
HTML HyperText Markup Language. ;
CSS Cascading Style Sheets. HTML;
JavaScript (
,
). VBScript, JScript.

Document Object Model, DOM ( ), HTML CSS
.
, DHTML (Dynamic HTML), Internet Explorer ( 4.01),
(, Opera
Netscape), .

HTML , ,
. .
204
II. HTML-
Dynamic HTML .

, , .
,
. .
?
- (Imagemap) ?
,
, .
ALT, ? , ,
( . .).

Dynamic HTML Imagemap.

( , ). (
Internet Explorer, Netscape Navigator), ( ,
).
JavaScript-
HEAD ( 9.5):
| 9.5. JavaScript-
<SCRIPT LANGUAGE"JavaScriptl.2">
<!
var ie = document.all ? 1 : 0;
var ns = document.layers ? 1 : 0;
var topcss = 165;
if (ns)
topcss = 200;
function showLayer(name)
205
if (ie)
document.all[name].style.visibility = "visible";
else if (ns)
document.layers[name].visibility = "show";
}
function hideLayer(name)
(
if (ie)
document.all[name].style.visibility = "hidden";
else if (ns)
document.layers[name].visibility = "hide";
}
II>
</SCRIPT>
( 9.6), ,
( BODY):
I 9.6.
<!
#linkl
{ position: absolute; left: 160px; top: 250px; visibility: hidden; }
Ilink2
ilink3
{ position: absolute; left: 160px; top: 250px; visibility: hidden; )
#link4
II>
</STYLE>

.
#link3
{position: absolute; left: 160px; top: 250px; visibility: hidden; )
, l i n k s , , 160 250 .
206
II. HTML-
,
<DIV> ( 9.7):
| 9.7.
<DIV
<DIV
<DIV
<DIV
ID='linkl'>-</017>
ID='Iink2'>--</017>
ID='linkS'</01>
ID='Iink4'></01>
- <DIV> ,
, .
, , ,
Imagemap / ( 9.8):
9.8. Imagemap
JavaScript-
<IMG SRC="russiamap.gif" WIDTH="400" HEIGHT="230" BORDER="0"
USEMAP="#russia">
<MAP NAME="russia">
<AREA SHAPE="rect" COORDS="63,70,162,85" HREF="linkl.html"
onMouseOver="showLayer('linkl');" onMouseOut="hideLayer('linkl'
<AREA SHAPE="rect" COORDS="98,137,193,157" HREF="link2.html"
onJMouseOver="showLayer(4ink2'};" onMouseOut="hideLayer(4ink2'
onMouseOver="showLayer(4ink3');" onMouseOut="hideLayer(4ink3'
onMouseOver="showLayer(4ink4');" onMouseOut="hideLayer(4ink4'
</MAP>
onMouseOver onMouseOut
JavaScript ( ).
(linkl, iink2,
Iink3 . .).
, , "" , ,
. ,

207
( ,
, .). 9.9 , , . 9.7 .
'3 File
Edit
Jew
fiack ? fwrtfwrf .
Favorites
Stop
Tools
Refresh
Help
Home
Search
Favorites
| -
My Computer
. 9.7.
( CSS)
9.9. (
)
<HTML>
<HEAD>
<1> </1>
<SCRIPT LANGUAGE^"JavaScriptl.2">
<!
var ie = document.all 11 : 0;
var ns = document.layers ? 1 : 0;
var topcss = 165;

if (ns)
topcss = 200;
function showLayer(name)
208
II. HTML-
if (ie)
document . all [name] . style .visibility = "visible";
else if (ns)
document . layers [name] .visibility = "show";
}
function hideLayer (name)
{
if (ie)
document. all [name] .style. visibility = "hidden";
else if (ns)
document . layers [name] .visibility = "hide";
</SCRIPT>
</HEAD>
VLINK="blue">
#linkl
( position: absolute; left: 160px; top: 250px; visibility: hidden; }
#link2
#link3
#link4
( position: absolute; left: 160px; top: 250px; visibility: hidden; }
// >
</STYLE>
<DIV ID=' Hnkl'>CaHKT-neTep6ypr</DIV>
<DIV ID=' Iink2' >~-</01>
<DIV ID=' linkS' ></01>
<DIV ID=' Iink4' ></01>
<IMG SRC="russiamap.gif" WIDTH="400" HEIGHT="230" BORDER="0"
USEMAP="#russia">
<MAP NAME="russia">
<AREA SHAPE="rect" COORDS="63, 70, 162, 85" HREF="linkl . html"
onMouseOver="showLayer ( 'linkl' ) ; " onMouseOut="hideLayer ( 4inkl' ) ; ">
200

X
onMouseOver="showLayer( link2');" onMouseOut="hideLayer(4ink2');">
V
onMouseOver="showLayer( link3');" onMouseOut="hideLayer(4ink3');">
<AREA SHAPE="rect" COORDS="289,89,368, 105" HREE"="link4 .html"
onMouseOver="showLayer(4ink4');" onMouseOut="hideLayer(4ink4');">
</MAP>
</BODY>
</HTML>

Dynamic HTML ,
Web-. , . . ( ).
,
Internet Explorer 4.x ( Netscape, , DHTML). ,
Microsoft Internet Explorer , Web- , HTML .

HTML-, , ,
(, "" ).
9.5.

BODY
BUTTON
DIV
IMG
INPUT
SPAN
210
II. HTML-
9.5 ()
TABLE
TD,
TEXTAREA

<STYLE>. :
filter: _()
HTML :
_=_
, , , -, ( ), -
, ,
( ) .

,
,
. enabled ( true false, , ), direction ( , shadow, blur .), strength (
0 255) . .

(, light).
. 9.6.
9.6.

Blur
add, direction,
strength
Chroma
color, enabled
Glow
color, enabled, strength
enabled,
211
9.6 ()

Invert
Enabled
Light
Enabled
addAmbient,
addCone, addPoint,
moveLight .
Redirect
Enabled
elementlmage
Shadow
color, direction, enabled
Xray
Enabled
Internet Explorer 4.x ( ) , .

9.7. ,
Internet Explorer

alpha
blendTrans
blur
chroma
dropShadow
f lipH
f lipv
glow
gray
invert
light
mask
redirect
DAImage (
Microsoft DirectAnimation)
revealTrans
shadow
wave
(
)
212
II. HTML-
WAVE
wave
add, enabled, f r e q , lightStrength, phase
strength.
enabled strength , :
add
;
freq ;
lightstrength ;
phase ( , 0).
9.10 . 9.8 :
wave;
wave strength=5,
add=0,lightStrength=20;

strength=5,
add=0,
lightStrength=20, freq=30.
| 9.10. wave
<! 1 >
<IMG SRC="flower.jpg" WIDTH="243" HEIGHT="262">
<! 2 >
<IMG SRC="flower.jpg" WIDTH="243" HEIGHT="262" STYLE="fliter:
wave(strength=5, add=0, lightstrength=20)">
<! 3 >
<IMG SRC="flower.jpg" WIDTH="243" HEIGHT="262" STYLE="fliter:
wave(strength=5, add=0, phase=50, lightstrength=20, freq=30)">
phase=50,
213
wave - Microsoft Internet Explorer

gte
Back
bft
Sew
Favorites
lools
Help
.....a........a]......a.........iij......<......!......a-'.'-........''
Slop
Refresh
Home
Seaich
Favorites
History
Mail
Size
Print
Edit
My Computer
. 9.8. wave
ALPHA
, opacity, style
finishopacity. opacity . style 0 3 (

opacity).
styie=l ,
finishopacity.
style=2, ,
( opacity finishopacity).
styie=3, .
. 9.9 alpha:
style=0, opacity=60
style=3, opacity=90, finishOpacity=0
style=2, opacity=90, finishOpacity=0
II. HTML-
214
alpha - Microsoft Internet Explorer

j Bto
Back
Hit
"
Favorites
<
Stop
tools
1 : ,
Refresh
Home
Search Favorites
History
Mail
Size
Print
Edit
4 My :omputer'
. 9.9. alpha
dropShadow
dropShadow , , .
enabled, : color ( ), positive (
), o f f x o f f Y ( ,
). o f f x o f f Y , , , .
LIGHT
enabled ,
:
addAmbient
RGB iStrength ( 255);
215
addcone
: ixi IYI,
iz, 1X2 1Y2,
RGB (iRed, icreen, iBiue),
istrength iAngie;
addPoint , addcone ( 1X2 12),
.
,
. 9.10.
^ light - Microsoft Internet Explorer
Sto
Back
Edit
View
<'.
Favorites
Stop
lools
Refresh
Home
Search
Favorites
History '
Size
Print
Edit
,Ej My Computer
. 9.10. light
light HTML-
JavaScript- ( HEAD) ( 9.11):
I 9.11. light
<SCRIPT LANGUAGE="JavaScript">
function lightFilter()
II. HTML-
216
ambient.filters.light.addAmbient(255,0,0,255) ;
cone.filters.light.addCone(0,0,3,255,255,0,0,255,200,30);
}
</SCRIPT>
HTML- ambient cone light,

lightFiiter onLoad
BODY:
<BODY onLoad="lightFilter();">
<IMG SRC="flower.jpg" WIDTH="243" HEIGHT="262" ID="ambient"
STYLE="filter: light()">
<IMG SRC="flower.jpg" WIDTH="243" HEIGHT="262" ID="cone" STYLE="filter:
light () ">
</BODY>

HTML . .
FJe
Back
Favorites
'-,--.
Stop
lools
Reliesti
Home
Search Favorites
Hislolji !
Mai
Size
Prin!
Ed
Pone
. 9.11.
217
. 9.11
:
wave(strength=10, add=0, phase=15, lightStrength=25) f l i p H O
wave , 10, 15, , 25,

f lipH, ;
g r a y ( ) blur(strength=85, add=l, direction=45)
gray, , , , 85,
45;
x r a y ( ) alpha(opacity=255, style=2, finishOpacity=0)
, , alpha
255 2 (
).
8 . 863

HTML, , .
HTML , , .

: HTML Web-, .
, CSS, Dynamic HTML, JavaScript,
CGI, ,
HTML . , .
HTML, , ,
,
.
!
1 KSriS 1 VXI%4I i 'i\*
*&zz&^
^&s&s&
HTML^^^
1.1

Siexcl;
¡
¢
¢
(4
£
£
¤
¤
¥
¥
Sbrvbar;
¦
§
§
¨
¨
©
©
ª
ª
«
«
¬
¬

®
®
¯
¯
°
°
±
±
( )
copyright

²
'' - " "
³
³
'' - " "
Sacute;
´
²
1. HTML
222
1.1 ()
Smicro;
µ
&;
¶
If
·
·
Scedil;
¸
( )
¹
¹
''
º
º
»
»
¼
¼
'/4
½
½
'/2
¾
¾
Siquest;
¿
À
À
Á
Á
Â
Â
( )
Ã
Ã
SAurnl;
Ä
SAring;
Å
&AEIig;
Æ
Ç
Ç
È
È
É
É
SEcirc;
Ê
Ë
Ë
Slgrave;
Ì
&lacute;
Í
/4
1. HTML
223
1. 1 ()
&lcirc;
Î
&luml;
Ï
&;
Ð
Ñ
Ñ
SOgrave;
Ò
Ó
Ó
Ô
Ô
SOtilde;
Õ
Ö
Ö
×
×
SOslash;
Ø
Ù
Ù
Ú
Ú
Û
Û
Ü
Ü
SYacute;
Ý
Þ
Þ
1>
THORN
Sag rave;
à
Saacute;
&##225;
â
&##226;
ã
ã
ä
ä
å
å
æ
æ
ç
&#231 ;
1. HTML
224
1. 1 ()
Segrave;
è
Seacute;
é
ê
ê
Seuml;
ë
Sigrave;
ì
Siacute;
í
î
î
Siuml;
ï
ð
ð
eth
ñ
ñ
Sograve;
ò
Soacute;
ó
Socirc;
ô
Sotilde;
õ
ö
ö
Sdivide;
÷
-f.
Soslash;
ø
Sugrave;
ù
Suacute;
ú
û
&#251 ;
ü
ü
Syacute;
ý
þ
þ
\>
thorn
ÿ
ÿ
Sfnof;
ƒ
1. HTML
225
1. 1 ()
Α
Α
Β
Β
SGamma;
Γ
Δ
Δ
SEpsilon;
Ε
Ζ
Ζ
Η
Η
II
Θ
Θ
&lota;
&#921 ;
0
I
Κ
Κ
SLambda;
Λ
Μ
Μ
Ml
Ν
Ν
Ξ
Ξ
rr
SiOmicron;
Ο
Π
Π
Ρ
Ρ
Σ
Σ
Τ
Τ
Υ
Υ
Φ
Φ
Χ
Χ
Ψ
Ψ
'
SOmega;
Ω
Salpha;
α
β
β
Sgamrna;
γ
δ
δ
ε
ε
226
1. HTML
1. 1 ()
ζ
ζ
Seta;
η
θ
θ
ι
ι
Skappa;
κ
Slambda;
λ
μ
μ
ν
ν
ξ
ξ
Somicron;
ο
π
π
ρ
ρ
Ssigmaf;
ς
(final)
σ
σ
τ
τ
Supsilon;
υ
φ
<
χ
χ
ψ
ψ
ω
Somega;
←
←
↑
↑
→
→
↓
↓
↔
↔
<-
''
-*

&spades;
♠
&clubs;
♣
&hearts;
♥
'1
''
227
1. HTML
1.1 ()
Stdiarns;
♦
''
"
"
&
&
&
<
<
<
''
>
>
>
''
&circ;
ˆ
(
)
Stilde;
˜
™
™
•
•
Shellip;
…
...
Soline;
‾
&frasl;
⁄
(bullet)
Sndash;
–
—
—
Slsquo;
‘
’
’
&sbquo;
‚
“
“
"
”
&#8221 ;
"
&bdquo;
„

HTML
2.1
Aliceblue
#FOF8FF
240 248 255
Antiquewhite
#FAEBD7
250 235 215
Aqua
#OOFFFF
0 255 255
Aquamarine
I7FFFD4
127 255 212
Azure
IFOFFFF
240 255 255
Beige
#F5F5DC
245 245 220
Bisque
#FFE4C4
255 228 196
RGB
Black
#000000
000
Blanchedalmond
IFFEBCD
255 235 205
Blue
IOOFFFF
0 255 255
Blueviolet
#8A2BE2
138 43 226
Brown
#A52A2A
165 42 42
Burlywood
#DE8887
222 136 135
Cadetblue
I5F9EAO
95 158 160
Chocolate
ID2691E
210 105 30
Coral
IFF7F50
255 127 80
Cornf lowerblue
#6495ED
100 149 237
Cornsilk
#FFF8DC
255 248 220
Crimson
IDC143C
220 20 60
Cyan
ttOOFFFF
0 255 255
Darkblue
#00008B
0 0 139
Darkcyan
#008B8B
0 139 139
2. HTML
230
2. 1 ()
RGB
Darkgoldenrod
#8860
184 134 11
Darkgray
#A9A9A9
169 169 169
Darkgreen
#006400
0 100 0
Darkkhaki
#BDB76D
189 183 109
Darkmagenta
#8B008B
139 0 139
Darkolivegreen
#556B2F
85 107 47
Darkorange
#FF8COO
255 140 0
Darkorchid
#9932CC
153 50 204
Darkred
#8BOOOO
139 0 0
Darksalmon
#E9967A
233 150 122
Darkseagreen
#8FBC8F
143 188 143
Darkslateblue
#483D8B
72 61 139
Darkslategray
#2F4F4F
47 79 79
Darkturquoise
#OOCED1
0 206 209
Darkviolet
#940003
148 0 211
Deeppink
#FF1493
255 20 147
Deepskyblue
#OOBFFF
0 191 255
Dimgray
#696969
105 105 105
Dodgerblue
#1E90FF
30 144 255
Firebrick
#B22222
178 34 34
Floralwhite
#FFFAFO
255 250 240
Forestgreen
#228822
34 139 34
Fuchsia
#FFOOFF
255 0 255
Gainsboro
#DCDCDC
220 220 220
Ghostwhite
#F8F8FF
248 248 255
Gold
#FFD700
255 215 0
Goldenrod
#DAA520
218 165 32
Gray
#808080
128 128 128
Green
#008000
0 128 0
Greenyellow
#ADFF2F
173 255 47
Honeydew
#FOFFFO
240 255 240
231
2. HTML
2. 1 ()
RGB
Hotpink
#FF69B4
255 105 180
Indianred
#CD5C5C
205 92 92
Indigo
HB0082
75 0 130
Ivory
#FFFFFO
255 255 240
Khaki
IFOE68C
240 230 140
Lavender
#E6E6FA
230 230 250
Lavenderblush
#FFFOF5
255 240 245
Lemonchif fon
#FFFACD
255 250 205
Lightblue
IADD8E6
173 216 230
Lightcoral
IF08080
240 128 128
Lightcyan
#EOFFFF
224 255 255
Lightgoldenrodyellow
#FAFAD2
250 250 210
Lightgreen
I90EE90
144 238 144
Lightpink
#FFB6C1
255 182 193
Lightsalmon
#FFA07A
255 160 122
Lightseagreen
I20B2AA
32 178 170
Lightskyblue
#87CEFA
135 206 250
Lightslategray
#778899
119 136 153
Light st Iblue
#BOC4DE
176 196 222
Lightyellow
fFFFFEO
255 255 224
Lime
#OOFFOO
0 255 0
Limegreen
I32CD32
50 205 50
Linen
#FAFOF6
250 240 246
Magenta
#FFOOFF
255 0 255
Maroon
#800000
128 0 0
Mediumaquamarine
#66CDAA
102 205 170
Mediumblue
#OOOOCD
0 0 205
Mediumorchid
#BA55D3
186 85 211
Mediumpurple
#9370DB
147 112 219
Mediums eagreen
#3CB371
60- 179 113
#7B68EE
123 104 238
Mediums lateblue
2. HTML
232
2. 1 ()
RGB
Mediumspringgreen
ttOOFA9A
0 250 154
Mediumturquoise
#48D1CC
72 209 204
Mediumvioletred
#071585
199 21 133
Midnightblue
#191970
25 25 112
Mintcream
#F5FFFA
245 255 250
Mistyrose
#FFE4E1
255 228 225
Moccasin
#FFE4B5
255 228 181
Navajowhite
#FFDEAD
255 222 173
Navy
#000080
0 0 128
Oldlace
#FDF5E6
253 245 230
Olive
#808000
128 128 0
Olivedrab
#6B8E23
107 142 35
Orange
#FFA500
255 165 0
Orangered
#FF4500
255 69 0
Orchid
#DA70D6
218 112 214
Palegoldenrod
#EEE8AA
238 232 170
Palegreen
#98FB98
152 251 152
Paleturquoise
#AFEEEE
175 238 238
Palevioletred
#DB7093
219 112 147
Papayawhip
#FFEFD5
255 239 213
Peachpuf f
#FFDAB9
255 218 185
Peru
#CD853F
205 133 63
Pink
#FFCOCB
255 192 203
Plum
#DDAODD
221 160 221
Powderblue
#BOEOE6
176 224 230
Purple
#800080
128 00 128
Red
#FFOOOO
255 0 0
Rosybrown
#BC8F8F
188 143 143
Royalblue
#4169E1
65 105 225
Salmon
#FA8072
250 128 114
Sandybrown
#F4A460
244 164 96
2. HTML
233
2.1 ()
RGB
Seagreen
I2E2B57
43 46 87
Seashell
IFFE5EE
255 229 238
Sienna
IA0522D
160 82 45
Silver
#COCOCO
192 192 192
Skyblue
I87CEEB
135 206 235
Slateblue
#6A5ACD
106 90 205
Slategray
1708090
112 128 144
Snow
#FFFAFA
255 250 250
Springgreen
#OOFF7F
0 255 127
Steelblue
I4682B4
70 130 180
Tan
#D2B48C
210 180 140
Teal
#008080
0 128 128
Thistle
#D8BFD8
216 191 216
Tomato
#FF6347
255 99 71
Turquoise
#40EODO
64 224 208
Violet
#EE82EE
238 130 238
Wheat
#F5DEB3
245 222 179
White
#FFFFFF
255 255 255
Whitesmoke
#F5F5F5
245 245 245
Yellow
#FFFFOO
255 255 0
Yellowgreen
#9ACD32
154 205 50
3

-,
HTML, CSS Dynamic HTML.
:
HTML- http://htmlcoder.visions.ru/
HTML 4.0 ( W3C) http://www.stack.ru/~julia/HTML4/cover.phtml
CIT Forum ( HTML) http://www.citforum.ru/internet/html/
Getlnfo.Ru http://www.getinfo.ru/
HTML- http://html.manual.ru/
HTML Book http://www.htmlbook.ru/
Report (HTML) http://html.report.ru/
:
HTML Goodies http://www.htmlgoodies.com/
HTMLHelp http://www.htmlhelp.com/
PageResource http://www.pageresource.com/
The
Unicode
Consortium
http://www.unicode.org/
and
The
Unicode
Standard -
W3Schools http://www.w3schools.com/
WebDeveloper http://www.webdeveloper.com/html/
Web Developer's Virtual Library http://www.wdvl.com/Authoring/
World Wide Web Consortium http://www.w3.org/
51, 58, 140

ABBR 23
ABSBOTTOM 114, 115
ABSMIDDLE 114
ACDSee 127
ACRONYM 22
ACTION 161
ActiveMovie 147
Adobe Photoshop 114, 125
AIFF 144
ALIGN 34,83,87,98, 114, 171
Alpha 213
ALT 119, 124, 171
118
AOL 10
AREA 123
ArtLebedev Group 12
ASCII 45
AU 144
26, 27
BACKGROUND 19, 89
BASEFONT 27
Baseline 88
115
BGCOLOR 89
BGPROPERTIES 19
BGSOUND 151
BIG 27
Blank 54
BLINK 27
BODY 13, 19, 102, 111, 137
BORDER 52, 81, 112, 137, 171
BORDERCOLOR 82, 137
Bottom 88, 114, 115
B R 4 1 , 74,95
CAPTION 80
CELLPADDING 82
CELLSPACING 82
Center 34, 38
CERN 122
CGI Common Gateway
Interface 122, 155
Charset 15
CHECKBOX 169
CHECKED 169
Circle 70
CITE 23
CLASS 53, 173
Client-Side Imagemap 123
CODE 24, 31
CoffeeCup GIF Animator 127
CoffeeCup Image Mapper 128
COL 97
COLGROUP 97
238
COLOR 29
COLS 134
COLSPAN 90
COMPACT 65, 70, 77
CONTENT 15
COORDS 123
CSS:
Cascading Style Sheets 22, 37, 173
Cascading Style Sheets
182, 203
DD76
DEL 24, 30
Description 17
DHTML Dynamic HTML 132,
173, 203
DIR77
DISABLED 173
Disc 70
DIV37
DL76
DropShadow 214
DT76
EM 24
E-mail
55
EMBED 145, 148
ENCTYPE 163
FACE 28
FONT 27, 28
FORM 161, 164
FRAME 100, 136
FRAMEBORDER 137
FRAMESET 133
FRAMESPAC1NG 137
FTP File Transfer Protocol 55
Gecko 10
GET 162, 165
GIF Graphics Interchange
Format 95, 109
Gopher 55
H
HI:
H2, H3, H4, H5, H6 25
HEAD 13, 18, 184
HEIGHT 86, 112
HR42
HREF 53, 54, 58, 124
HSPACE 116
HTML 13, 19
HyperText Markup Language 7
HTML- 13, 21, 22, 41, 57
HTML- 44
HTML- 12, 31, 68, 79
HTML- 61
HTTP HyperText Transfer
Protocol 14, 55
I 30
IFRAME 142
IMG 111, 113, 119, 122
INPUT 164, 173
Internet Explorer 9, 42, 50, 54, 68,
82, 83, 114, 142, 183
IS MAP 122

JavaScript 12, 132, 173, 203, 206
JPEG Joint Photographic Experts
Group 110
JScript 203
Justify 34
239
Keywords 16
KOI8-R 15
left 34
LI 62, 69
Light 215
LINK 14
LISTING 44
LiveAudio 147
LOOP 151
Lynx 119
M
MAP 123
MARGINHEIGHT 137
MARGINWIDTH 20, 137
MAXLENGTH 165
MENU 77
META 14
METHOD 162
Microsoft 9
Mmiddle 88, 114
MIDI 144
Mosaic 10
Mozilla 10
MP3144
MULTIPLE 176
N
NAME 16, 53, 58, 123, 163, 169
NCSA 122
Netscape 10, 27, 42, 49, 68
Navigator 9, 83, 114, 187
Netscape Navigator 10
News 55
NOBR 42
NOHREF 124
NOFRAMES 137
NORESIZE 136
NOSHADE 43
NOWRAP 90
OL 62, 65
Opera 9, 11, 83, 119
OPTION 177
P 33, 36, 37
PLAINTEXT 44
PNG (Portable Network
Graphics) 110
POST 162
PRE44
RealAudio 144, 147

RGB 19
Right 34
Robots 17
ROWS 134
ROWSPAN 90
RULES 100
STRIKE 30
Sausage Image Mapper 128
SCRIPT 18
SCROLLING 136
SELECT 175
SELECTED 177
Server-Side Imagemap 122
SHAPE 123
SIZE 29, 165, 176
SMALL 30
SPAN 30, 37, 98
Spyglass 9
240
Square 70
SRC 1 1 1 , 136, 171
START 65
STRIKE 24
STRONG 26
STYLE 18, 53, 173, 185
SUB 30, 48
SUP 30, 48
TABLE 79, 81, 87, 100

TARGET 53, 124, 140
TBODY 99
TD 79, 87, 91, 103
TEXT 20
TEXTAREA 173
TFOOT 99
TH 80, 87, 91, 103
THEAD 99
TITLE 13, 53, 119, 173
Top 88
TOPMARGIN 20
TR 79, 87
TT31
TYPE 65, 70, 164
33
202

190
54
159
46, 47, 162
U
U31
UL69
Ulead PhotoImpact 126
URL 15
USEMAP 123
VALIGN 88, 98
VALUE 64, 169, 177
VBScript 203
VSPACE 116
w
WAV 144
Wave 212
WBR 42
WIDTH 43, 86, 112
Windows-1251 15
World Wide Web
7
XMP44
XnView 127
8, 20, 39, 49
48
bullet 69
109
209
74
241
102
54
57
20
50
42
42
157
108

52, 72, 108
97
Jim Clark 10
47, 58
204
99
44, 106
W3C (World Wide
Web Consortium) 8, 44, 67,
78, 137
-
49
15
22

Andreessen 10
69, 70, 72
62, 69
31
48

47
144
188
- 157
160
Jon
Stephenson fon Tetzchner 11
-
Imagemaps 120
188
45
62, 68

Document Object Model
DOM 203
187
156
203

190
55
33, 39
142
HTML 155, 190
242
160
156
44

37, 41
39

99
189
109
48
187
15
HTML 40,
45,49
62, 75
33,
42, 190
79, 97, 102

12
22
48
42
22, 37
,
190
129, 140
47
38, 83
159
45
19
44
188
""
86
SoftUne
119991 . ,
. , 8
(095)232-0023
info@softline.ru
www.softline.ru
,
,
. ,

SoftLine.

,
,
10 !
"-"
:
" "
. . MS Windows XP: Home Edition Professional
. . Windows 2000 Professional.
. . Microsoft Windows 2000 Server.
. . Windows 2000
. . Microsoft Windows 2000 Server Professional.

P. Macromedia ColdFusion
. HTML 3.2 ( -)
. Java ( -)
. -
" ": "MS Office XP ", "MS Access 2002",
"MS Word 2002", "MS Excel 2002"
. Microsoft Word 2002
., A. Delphi 6
. MS Excel 2002
. .
., . PC,
4-
. MS SQL Server 2000
. . HTML 4.0
., . Microsoft Access 2000
., . Microsoft Access 2002
., A. Microsoft Office 2000
., A. Microsoft Office XP
., . Java 2
. Web-
P. Word 97
., . XML
. Adobe Illustrator 9.0
. Adobe Photoshop 6.0
. CorelDRAW 9
. Macromedia FreeHand 9
. WAP:
. PC ( )
P. Python ( -)
. ., A. A. Adobe PageMaker 7.0
. ., A. A. Adobe InDesign
. ., A. A. CorelDRAW 9:
. ., A. A. CorelDRAW 10: '
. Microsoft SQL Server 7.0
848 .
700 .
960 .
576 .
1056 .
672
1040
1104
32
.
.
.
.
992 c.
1152 .
1072
1008 .
1024 .
1280 .
672 .
1088 .
1040 .
728 .
928 .
1072.
1024 .
1120 .
736 .
608 .
832 .
576 .
432 .
432 .
1248 .
768 .
784 .
704 .
1136 .
1136 .
720 .
. . Active Server Pages ( -)

. Microsoft Outlook 2002
. CorelDRAW ( -)
672 .
656 .
704 .
""
CD-ROM " MS Windows NT Server 4.0"
" Windows NT Server 4"
Microsoft Press. .
2- ( -)
Microsoft Press. Visual Basic 6.0
Microsoft Press. MS Windows NT Server 4.0
. Dynamic HTML ( -)
.
. Linux
. -: , ,

. Windows
. Windows 98 ( )
. .
. XSLT
. Internet 2000
. Novell GroupWise 5.5:

A. Microsoft Excel 2000:
A. Excel, VBA, Internet
., . Web- Java JavaScript
. Windows ( )
., . Delphi
. . Delphi 5 ( )
. JavaScript Web-
. . MS Excel
.
Excel 97/2000 ( )
. -
. Shareware:

. .
. Borland C++ 5
. Web-
. DirectX. Delphi ( -)
. Open GL Delphi ( )
.
Java
. 3ds max 4:
. MS Office Project
. . Motorola
. . , ,
.
368 .
992
752
496
384
496
256
.
c.
.
.
.
.
250 .
496 .
320 .
432 .
448 .
480 .
576 .
816 .
1040 .
384 .
656 .
784 .
880 .
304 .
416 .
480 .
320 .
320
976
592
416
352
336
.
.
.
.
.
.
448
400
560
304
624
.
.
.
.
.
A. Maple 6.

., . "" PC ( )
., . Visual C++ MFC,
2- ( )
. Web- MS Office 2000
., .

., . Microsoft Access 2000:
. . Microsoft Office 2000:
. Access 97 ( -)
. .

., . IP-
. . -
Delphi ( )
. Visual LISP AutoCAD
. ActiveX Delphi
. Adobe InDesign:
. Windows Scripting Host
. 3D Studio MAX 3.0
( -)
.
., . PC: , ,
2-
. .
. SVGA- IBM
. Photoshop Plug-Ins
. MS SQL Server 2000:
. SQL Server 7.0:
.
Visual C++ ( )
. ATL 3.0 ( )
., . ADO Delphi ( -)
. , , Web Linux
A. Windows 2000 Active Directory
. Java ( -)
. Web-
. -
. Web-. XML
. C++
., .
. , , ( -)
528 .
720 .
1040 .
320 .
560 .
832
680
656
512
.
.
.
.
512 .
432 .
576
320
544
320
352
.
.
.
.
.
512.
336 .
352 .
432 .
464 .
368 .
370 .
256 .
928 .
816 .
416 .
400 .
400 .
224 .
224 .
304 .
416.
464 .
" BHV"
. Internet , 2-
A. Adobe Photoshop 5.0 ( )
752 .
448 .
""
., . Visual Basic 6.0
.
. VBA
. .
. JavaScript
. Excel 2000 ( )
. Macromedia Dreamweaver 4
. Macromedia Flash 5
., . : , ,
( )
. Adobe Premiere 6.0
. MathCAD 2001
. Microsoft Internet Explorer 6.0
. 4
. Object Pascal
Delphi 6 ( )
. .
Turbo Pascal 7.0 Delphi, 2- ( )
. UML
., . Perl
., . Microsoft FrontPage 2002
., . Windows 2000 Professional
., . Windows Millennium
. 3D Studio MAX 4.0
. AutoCad 2000 Visual LISP,
2-
. AutoCAD 2002
. Kylix
. Visual C++ 6 ( )
. #
. WML WMLScript
. ., . . Adobe Photoshop 6
( )
. ., . . CorelDRAW 10
. MFC ( )
. Java
. Microsoft Word 2002
. .
. HTML 4
. C++, 3- ( )
624 .
448 .
512 .
640 .
512 .
368 .
560 .
368 .
480 .
432
544
288
576
528
.
.
.
.
.
416 .
304 .
432 .
576 .
528 .
464 .
370 .
672 .
608 .
416 .
960 .
576 .
240 .
608 .
640 .
640 .
464 .
624 .
272 .
288 .
512 .
" "
. PC
. Web-
. Web-
352 .
512 .
288 .
.
., . PC
., . PC
., . PC. Cakewalk Pro Audio 9.
., . PC. Cakewalk.
""
., . .

., . PC
320 .
272 .
256 .
420 .
272 .
608 .
240 .
" "
.
( -)
.
. ,
2-
. C/C++
. Turbo Pascal
.
. Unix
.
. .
. .
MOTOROLA
.
.
464 .
240 .
512 .
288 .
256 .
432 .
528 .
224 .
464 .
512 .
528 .
592 .
""
.
.
. ,
304 .
288 .
304 .
" "
. .
., A. Delphi.
. JavaScript.
. Microsoft Excel.
., . . Microsoft Access.
480 .
288 .
336 .
208 .
304 .
HTML
, 150 , ("CHIP-", "ComputerPrice", " ",
" ", " ", " ",
" " .), " "
("-", 2002 .). -
7 .
HTML
,'"
<
, -, , , .

HTML -,
,
.
, .
ISBN 5-94157-317-0
9H785941U5731721

HTML Express

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

HTML Express

Загружено:

Авторское право:

Доступные форматы

-

02429 24.07.00. 19.04.03.

Ulead GIF Animator 5

<TABLE> (WIDTH) , (BORDER) .

<BODYX/BODY>, HTML. <BODY> (. 1.4),

LINK, ALINK, VLINK

BGPROPERTIES Microsoft Internet

, html htm. . HTML-!

^ . '* . & 1 i : ^'.'".[*j

<HI>, <2>... <> <> ( 1 6)

Stop ': Refresh

<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"

. 2.5. FACE <FONT>

| 2.5. FACE <FONT>

<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"

' -;; 7^-'^"- "~- ~

. 2.7. <SUB> <SUP>

I'll - ... HGDE3I

.;;:. ;-'. ,*; 1

1W' ' '1^W ]^^;3

<> , , HTML, . <>

<> ro</U>, <FONT 01/="1"><1>" "</1/>.

DIV ... HOOF \

< : ' . : ' ^

HTML- <CENTER>. , <CENTERX/CENTER>,

.1 '= ' \S '. 1= 1= & iP \ Q

. 2.12. Microsoft Word

HTML snbsp;, ( 2.11).

Home I Search Favorites

(LEFT, CENTER, RIGHT)

, ( (&) ), (&), (#)

. ' ' : .**

Facja comparagao dos precos com

World Wide Web

http: //www. site. ru/

What would you like to do with this file?

AliSays ask before opening this type of file

. <FONT FACE="Verdana" SIZE="2">Bce , ,

^ Adobe Photoshop 7.0

<FONT =""><> Adobe Photoshop 7:</B></FONT>

<LI>Bevel and Emboss

<HR ALIGN="center" NOSHADE WIDTH="98%">

<LI>Bevel and Emboss

; '^ I """ .'" "

fg [,' j jgj My Computer

dit .View Favorites

. .5. Internet Explorer

Netscape Navigator "Outer Glow" ( ) (. 3.6).

il! Instant Message 3 WebMail @I Radio @1 People 1 Yellow Pages: (gl

Search Favorites;:. .....;. V;:j

|^;;;; ;"'^ &

< =""> -</>

. <DIR> <> W3C .

<DL>, <DT>, <DD>

, <> (Table Header). : , <>,

- Microsoft Internet Explorer HEJDE3

<BODY BGCOLOR="#FFFFFF" TEXT="black" LINK="#OOFFOO" ALINK="#OOFFOO"

. 4.2. (Internet Explorer)

File Edit View Search So Bookmarks Tasks Help

Qif 033 i Document: Done (5.33 ...

(' --, ::.

Reload Home Hollist Print New

<TR>, <TD> <>