Html, java script, php и mysql. джентльменский набор web мастера 2010

-

-

2010

681.3.06 32.973.26-018.2 84 . . 84 HTML, JavaScript, PHP MySQL. Web-. 3- ., . . .: -, 2010. 912 .: . + ( CD-ROM) ( )

ISBN 978-5-9775-0540-6

Web- HTML, JavaScript, PHP MySQL. - (CSS) Web-. - PHP, -, Web-. MySQL PHP, - phpMyAdmin. Web- Apache.

3- Apache 2.2.14, PHP 5.3.0 MySQL 5.1.40. Notepad++, Aptana Studio, NetBeans HeidiSQL, Smarty, .

- , , , Perl .

Web-

681.3.06 32.973.26-018.2

:

. . .

02429 24.07.00. 30.01.10.

701001/16. . . . . 73,53. 2500 .

"-", 190005, -, ., 29.

- 77.99.60.953..005770.05.09 26.05.2009 .

.

" ""

199034, -, 9 , 12

ISBN 978-5-9775-0540-6 . ., 2010 , "-", 2010

.......................................................................................................................1

1. HTML. ............................................5

1.1. ..............................................................................................5 1.2. HTML- ...................................................................................9 1.3. ........................................................................................12

1.3.1. HEAD. ...........................13 1.3.2. BODY. ...............................................15

1.4. ...........................................................16 1.4.1. ..................................................................17 1.4.2. ....................................................17 1.4.3. ............................................................18

1.5. ............................................................................19 1.5.1. ........................................................................................20 1.5.2. ..........................................................................................20 1.5.3. ...............................................................................21 1.5.4. ....................................................................................................22 1.5.5. ................................................................................22

1.6. ................................................................................................................23 1.6.1. .............................................................................23 1.6.2. ...............................................................................24 1.6.3. ..................................................................................26

1.7. ..............................................................................................................27 1.7.1. Web- ................................................................27 1.7.2. ..................................................................29

1.8. ......................................................................................................30 1.8.1. ...............................................................................30 1.8.2. ..........................................................................32 1.8.3. .............................................33

1.9. .............................................................................................................34 1.9.1. ....................................................................35 1.9.2. .....................................................................................36 1.9.3. .........................................................................................36 1.9.4. .........................................................................................37

IV

1.10. ............................................................................................................40 1.10.1. Web- .......................40 1.10.2. HTML-, ...........................44 1.10.3. ............................................................45 1.10.4. ...............................................................46 1.10.5. ........................................................................................47 1.10.6. .........................................47 1.10.7. . ....................48

1.11. - ........................................................................................50 1.11.1. - ............................................51 1.11.2. -..................................................................52 1.11.3. ................................................................................................53 1.11.4. -.............................53

1.12. ..............................................................................................................55 1.12.1. ...............................................55 1.12.2. ............................................................57 1.12.3. ..............................................................57 1.12.4. ............................................................59 1.12.5. ...............................................................................................64 1.12.6. ..............................................................67

1.13. . ..........................67 1.14. XHTML 1.0 HTML 4.01 .............................................................69 1.15. HTML- ........................73 1.16. Web- Internet Explorer .....................................74

2. CSS. WEB- .................................................................................................77

2.1. ............................................................................................77 2.2. ......................................................78

2.2.1. ......................................................78 2.2.2. HTML- ........78 2.2.3. .......................................83 2.2.4. .................................................................85

2.3. CSS...............................................................................87 2.4. .................................................................................88

2.4.1. ................................................................................................88 2.4.2. .............................................................................................89 2.4.3. ...........................................................................................89 2.4.4. ...............................................................................................89 2.4.5. ......................................................................................90

V

2.5. ....................................................................................90 2.5.1. ...................................................90 2.5.2. .......................................................................90 2.5.3. ................................................................................91 2.5.4. .............................................91 2.5.5. .....................................................91 2.5.6. .........................................................92 2.5.7. , .........................92 2.5.8. ..................................................................93 2.5.9. .......................................................93

2.6. .............................................................................................................94 2.6.1. .......................................................................................94 2.6.2. ..................................................................................95

2.7. ..................................................................................................................96 2.7.1. ....................................................................................96 2.7.2. ...............................................................................98 2.7.3. ......................................................................................98 2.7.4. ..............................................99

2.8. .....................................................................................................99 2.8.1. ....................................................................................................99 2.8.2. .....................................................................................100 2.8.3. .........................................................100 2.8.4. .................................................................100 2.8.5. ................................................................101 2.8.6. ..............................................101

2.9. ..............................................................................................................102 2.9.1. .................................................................................102 2.9.2. ...............................................102 2.9.3. ...........................................................103

2.10. ...................................................................................................103 2.11. . ......104 2.12. ..............................................................................106

2.12.1. ..............................................................................106 2.12.2. ...............................................................................108 2.12.3. overflow ....................................................................................109 2.12.4. ........................................................................111 2.12.5. ......................................................................113 2.12.6. .............................................115

2.13. ..........................................................117 2.14. CSS- ......................................119

VI

3. JAVASCRIPT. , ..............121

3.1. ..........................................................................................121 3.2. JavaScript ....................................................................121 3.3. JavaScript ..............................................................................124 3.4. ..............................124

3.4.1. OK ........................................................125 3.4.2. OK Cancel.......................................126 3.4.3. OK Cancel.......................................127

3.5. .....................................................................................................127 3.6. . ...............................................................128 3.7. JavaScript......................................................................................130

3.7.1. ....................................................................130 3.7.2. ........................................................................132 3.7.3. ...............................................................................132 3.7.4. ......................................................................133 3.7.5. .......................................................134

3.8. ......................................................................135 3.9. . .................................................................................................138 3.10. .........................................................................................................139 3.11. . ......................................142

3.11.1. .................................................................................142 3.11.2. HTML-.............................144 3.11.3. . ......................................................146 3.11.4. .................................................147

3.12. . ....................................................................................149

3.12.1. ............................................................................149 3.12.2. ifelse. ..............150 3.12.3. ? .............................................153 3.12.4. switch.........................................................................154

3.13. . ....................156 3.13.1. for ...................................................................................................156 3.13.2. while ...............................................................................................158 3.13.3. dowhile .......................................................................................159 3.13.4. continue. ...........160 3.13.5. break. .....................................................160

VII

3.14. ....................................................................................161 3.14.1. .......................................................................161 3.14.2. ...............................................................................162 3.14.3. ..............................................................162 3.14.4. .................................................................................163 3.14.5. Firebug Web- Firefox...........................................164

3.15. JavaScript .....................................................................167 3.15.1. .................................................................................167 3.15.2. Global ...........................................................................................168 3.15.3. Number. ..........................................................170 3.15.4. String. ..............................................................171 3.15.5. Array. .............................173 3.15.6. Math. .....................180 3.15.7. Date. . Web- ..................................................182 3.15.8. Function () .....................................................................186 3.15.9. Arguments. ..........................................................................................................187 3.15.10. RegExp. ..........................................................................................................188

3.16. .........................................................................................................199 3.16.1. .................................................................................199 3.16.2. .......................................................................................199 3.16.3. ..............................................................................200 3.16.4. ................................................................................200 3.16.5. ......................................................................................201 3.16.6. ...............................................................201 3.16.7. .............................................................................203 3.16.8. ...................................................205 3.16.9. .......................................................207 3.16.10. event. . ..................214

3.17. Microsoft Internet Explorer ............................................220 3.17.1. ...............................................................220 3.17.2. window. Web-......................................................................................................221 3.17.3. . , ........................................................227 3.17.4. . ..............................................................231 3.17.5. . Web- .......................................234

VIII

3.17.6. navigator. Web- . Web-........................................................................236 3.17.7. screen. .......................................................................................................241 3.17.8. location. URL- . HTML- ............................................242 3.17.9. history. . ..............................................................................................................247 3.17.10. document. HTML- ............................................................................................248 3.17.11. . ...............................................................255 3.17.12. . URL- . ..........................257 3.17.13. style. JavaScript.............................................................................................................265 3.17.14. selection. ........268 3.17.15. TextRange. . ...........272 3.17.16. . ...................................................................................................282 3.17.17. " " " ".....................................................................284 3.17.18. . cookies. cookies ..............................................................................................................285

3.18. ........................................................................289 3.18.1. ............................................................................290 3.18.2. Forms. ..................291 3.18.3. ......................................................................291 3.18.4. .........................................................................292 3.18.5. .......................................................................292 3.18.6. . E-mail . ....................292 3.18.7. . ..............................................................295 3.18.8. . . ............................298

IX

3.18.9. . ...............303 3.18.10. . . . .......................................................................................306 3.18.11. . .......................................................................................................309

3.19. ..........................................................................314 3.19.1. .................................................................................314 3.19.2. ..............................................................................................318 3.19.3. ................................................................................321

3.20. JavaScript-...................................................................................323

4. WEB-. WINDOWS ......................325

4.1. ..............................................................................325 4.2. Apache .............................................................................326 4.3. Apache............................................................333 4.4. httpd.conf ......................................................................334

4.4.1. ...................................................................................334 4.4.2. .................................................................335 4.4.3. . , http://localhost/~nik/ ....................................................337 4.4.4. .....................................339 4.4.5. ...............................340 4.4.6. .................................................................341 4.4.7. ..................................................................341 4.4.8. ...................................................................................342 4.4.9. MIME- ..........................................................................343 4.4.10. ..........................................................345 4.4.11. ..............................................................348 4.4.12. .htaccess. Apache ...............................................................................................350 4.4.13. ...................................................351 4.4.14. ............................................................................355 4.4.15. , ........................356 4.4.16. ..........................................................357

4.5. Apache .............................................................................360 4.6. PHP ................................................................................................362 4.7. MySQL...........................................................................................370

X

4.8. phpMyAdmin .................................................................................379 4.9. ...................................................................................385

4.9.1. ...................................................................................385 4.9.2. ....................................................................393 4.9.3. ................................................................393 4.9.4. ......................................................395

4.10. PHP Expert Editor ..................................................395 4.11. Aptana Studio .........................................................401 4.12. NetBeans.................................................................412 4.13. HeidiSQL....................................................................................418

5. PHP. WEB- ............421

5.1. ..........................................................................................421 5.2. PHP .............................................................................421 5.3. PHP- .....................................................................425 5.4. PHP-.....................................................................426 5.5. ..............................................................427 5.6. .....................................................................................................429 5.7. ...............................................429 5.8. ..........................................................431 5.9. ....................................................................................432 5.10. . ......................................433 5.11. PHP.............................................................................................434

5.11.1. ..................................................................435 5.11.2. ......................................................................436 5.11.3. .............................................................................436 5.11.4. . . .........................................................437 5.11.5. .....................................................440

5.12. ....................................................................441 5.13. .................................................................................443 5.14. .........................................................................................................444

5.14.1. ........................................................................444 5.14.2. . ..................................................444 5.14.3. ..........................................................................445 5.14.4. .......................................................................445 5.14.5. ..................................................................................447 5.14.6. ..................................................................447 5.14.7. ........................................451

XI

5.14.8. ......................................452 5.14.9. . ........453 5.14.10. ....................................................................455 5.14.11. ..............................................456 5.14.12. ............................................456 5.14.13. ..............................................................457 5.14.14. ......................................................458 5.14.15. ..............................................459

5.15. ............................................................................................................460 5.15.1. ........................................................460 5.15.2. ...................................................................................465 5.15.3. .......................................................466 5.15.4. ........................................................................466 5.15.5. ..............................................................467 5.15.6. ................................................................................468 5.15.7. ...................................................................469 5.15.8. . . ....................470 5.15.9. Perl- ..........................................478 5.15.10. UTF-8.....................487 5.15.11. .........................................................496

5.16. ...................................................................497 5.17. . , ..............................................................................499 5.18. . ......................................503

5.18.1. .................................................................................503 5.18.2. ........................................................505 5.18.3. require include. . .....................506 5.18.4. require_once include_once...............................................509 5.18.5. . .........................................................510 5.18.6. . . .........510 5.18.7. ......................................................................514 5.18.8. . ................................................................................................515

5.19. . ....................................................................................516

5.19.1. ............................................................................516 5.19.2. ifelse. .............................................................................................................518

XII

5.19.3. ? .............................................520 5.19.4. switch. switch ifelse .....................................................................................................522

5.20. . ....................524 5.20.1. for ...................................................................................................524 5.20.2. while ...............................................................................................526 5.20.3. dowhile .......................................................................................526 5.20.4. foreach ...........................................................................................527 5.20.5. continue. ...........528 5.20.6. break. .....................................................529

5.21. . .................................................................................................529 5.22. ....................................................................................531

5.22.1. .......................................................................531 5.22.2. ...............................................................................532 5.22.3. ..............................................................532 5.22.4. .................................................................................532 5.22.5. or die() ................................................................................534

5.23. ...............................................................................534 5.23.1. $GLOBALS ................................................................................535 5.23.2. .....................................538

5.24. HTTP............................................................................................539 5.24.1. ..............................................................................542 5.24.2. . URL-. . . , ............................544 5.24.3. cookies. .....548

5.25. ...................................................................549 5.25.1. .................................................................................549 5.25.2. . , , ................................................................550 5.25.3. ..................................................................554 5.25.4. , E-mail- .............................................................555 5.25.5. CSV-. CSV- HTML- ................................................................................................560 5.25.6. UNIX...................................562 5.25.7. ............................................564 5.25.8. ....................................................................566 5.25.9. . ..............................568 5.25.10. ........................................572

XIII

5.26. . E-mail- ..................................................................................................................583 5.27. PHP. .............587 5.28. .........................................................................................592

5.28.1. GD.................................592 5.28.2. ............................................593 5.28.3. ......................................................597 5.28.4. .............................................................599 5.28.5. ......................................................................................600 5.28.6. ......................................................................602 5.28.7. . ..............604 5.28.8. .............................609

5.29. ............................................................................612 5.29.1. , ...........................612 5.29.2. ...............................................613 5.29.3. ......................................................613 5.29.4. ....................................................................................................615 5.29.5. - ........................................................................616 5.29.6. Submit.........................................................................................616 5.29.7. . .......................................................................................................617

5.30. ...........................................................................622 5.30.1. ..............................................623 5.30.2. ........................................623 5.30.3. .........................................623 5.30.4. ...............................................................................624 5.30.5. .......625 5.30.6. , ....................................627

5.31. - .......................................627 5.31.1. .....................................................................................628 5.31.2. .....................................................................629 5.31.3. .........................................................................................631 5.31.4. ...........................................................633 5.31.5. ....................................................634 5.31.6. .........................................................634 5.31.7. .....................................637

5.32. Smarty...................................................................................639 5.32.1. ..........................................................................639 5.32.2. ..................................................................643 5.32.3. .................................................................649 5.32.4. ...........................................................................654

XIV

6. MYSQL. ..............................661

6.1. ..........................................................................................661 6.2. ...........................................................................661 6.3. ........................................................................................665

6.3.1. .........................................................................................666 6.3.2. .......................................................................................666 6.3.3. .............................................................................................667

6.4. SQL..........................................................................................668 6.4.1. ............................................................................668 6.4.2. .....................................................669 6.4.3. ....................................................................................671 6.4.4. ......................................................................674 6.4.5. ................................................................................677 6.4.6. ................................................................678 6.4.7. ...................................................................679 6.4.8. ..........................................................................................680 6.4.9. ....................................................682 6.4.10. . ........................................687 6.4.11. ........................................................692

6.5. PHP php_mysql.dll .......693 6.5.1. .............................................................................693 6.5.2. .................................................................................694 6.5.3. .......................................................694 6.5.4. ................................................................695

6.6. PHP php_mysqli.dll......702 6.6.1. .............................................................................702 6.6.2. .................................................................................704 6.6.3. .......................................................704 6.6.4. ................................................................706

6.7. MySQL .........................................................................................714 6.7.1. ....................................................................715 6.7.2. ...............................................................................717 6.7.3. ..............................................................................717 6.7.4. .......................................................719 6.7.5. ...............................................................720

6.8. ..........................................................................................721 6.9. ..................................................725 6.10. ..................................................................729

6.10.1. FULLTEXT...............................................................729 6.10.2. ....................................................731

XV

6.10.3. ...................................................................732 6.10.4. ..............................................................733

6.11. MySQL...........................................................................................733 6.11.1. ............................................................733 6.11.2. ......................................................................738 6.11.3. ..............................................................750 6.11.4. ..........................................................757 6.11.5. ...................................................................758 6.11.6. .....................................................................................760

6.12. SQL ..........................................................................................764 6.13. .....................................................................................765 6.14. .....................................................................................767

6.14.1. ......................768 6.14.2. WHERE .................770

6.15. .............................................................................................772

7. . ..........775

7.1. ...........................................................................................775 7.2. ................................................................................776 7.3. .................................................................................................779 7.4. Narod.ru ........................................................................780

7.4.1. .......................................................781 7.4.2. " "....................................................782 7.4.3. ...................................................................784 7.4.4. , ..................................786

7.5. .....................................................................791 7.5.1. ..........................................................................791 7.5.2. .......................................................792 7.5.3. .............................................................793 7.5.4. ..............796 7.5.5. Web- Apache .htaccess ..............804 7.5.6. favicon.ico........................................................................................806 7.5.7. Web- Apache............807 7.5.8. .....................................809 7.5.9. MySQL...............................................................812 7.5.10. phpMyAdmin.........................813 7.5.11. .........................................................................817 7.5.12. ....................................818 7.5.13. .........................820

XVI

7.6. ...............................................................................................823 7.6.1. ...............................................823 7.6.2. robots.txt ..........................................................................................824 7.6.3. ....................................................825 7.6.4. ........................................................827 7.6.5. Web-........................................................827

7.7. ..............................................................................................828 7.7.1. .........................................................................828 7.7.2. ........................................................................................830 7.7.3. ................................................................................831

7.8. .............................................................................832

. - .....................................................835

.1. ...................................................................................................835 .1.1. HTML .......................................................................................................836 .1.2. ........................................................................844 .1.3. Flash ..........................................................................................................851 .1.4. PHP MySQL..........................................................................................859 .1.5. ................................................................................................862

....................................................................................869

, HTML, CSS, JavaScript, PHP MySQL, . (HTML, CSS, JavaScript), (PHP, MySQL). , , , . -. Web-, . 7, . - , HTML. - , . ? - , . HTML, 1, - Web- Web-. HTML , , , - -, Web- -, . (CSS), 2, Web-. Web- Web- Web- - . Web-, HTML CSS, - , , . HTML JavaScript "" Web-, , , , .

2

JavaScript , - Web- - , , HTML- - , Web-, , Web- -. , 3. , PHP. - . ( , - Web-), HTML-, Web-, , Web- . - , - PHP . PHP , - , , , , , , , - . PHP 5.

4 , - PHP. - . , . , 4 - , - .

- . Web- , - () MySQL. MySQL , , . - MySQL 6. PHP MySQL, Microsoft SQL Server, Oracle, Sybase . MySQL, , .

3

7 , . , , - FTP , Apache, - , . . 7 Web- . - - , - Web- Internet Explorer, - Perl. , - - . -, PHP, , Apache. . -. - - . . Web-. http://wwwadmin.ru/. E-mail [email protected].

, - .

1

HTML.

1.1. HTML (HyperText Markup Language) , - .

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

, , , .

. - . "", . -, () - (). ("/") . , , -,
.

( ). -

1

6

="". , . :

http-equiv Con-tent-Type, content text/html; charset=windows-1251.

. :

-. , :

HTML , XHTML .

HTML- , Web-. Web- , , .

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

HTML html htm.

HTML, FCKeditor tinyMCE. JavaScript Web-.

FCKeditor http://ckeditor.com/download. sample07.html ( fckeditor\_samples\html\). Web- Firefox, :

1. about:config .

HTML.

7

2. security.fileuri.strict_origin_policy false.

. 1.1 , FCKeditor, Web- Firefox. Mi-crosoft Word, -. FCKeditor , Word. - HTML-. HTML- (. 1.2). , - HTML- .

tinyMCE http://tinymce.moxiecode.com/ download.php. . http://tinymce.moxiecode.com/ download_i18n.php -. tinymce\jscripts\tiny_mce\, - . . , full.html ( tinymce\examples\) language: "ru",

tinyMCE.init({

. 1.1. FCKeditor, Web- Firefox

1

8

full.html Web-. . 1.3 - , tinyMCE, Web- Firefox.

. 1.2. FCKeditor

. 1.3. tinyMCE, Web- Firefox

HTML.

9

1.2. HTML- HTML-. . . - 1.1.

1.1. HTML-

HTML, , test.html. . "test.html", - . , , , -. .

(*.txt), , - txt.

Web-, , Internet Explorer. - test.html. , Web- "

1

10

", " Microsoft Internet Explorer". Web- ! Web-. - HTML. :

HTML-; Web-. HTML-;

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

, , - . . .

.

Web-

( , ). Web- Web-. :

; ;

; .

" Web- Microsoft Internet Explorer".

HTML.

11

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

, HTML-. HTML- - , , .

Notepad++. windows-1251, - UTF-8, HTML, JavaScript, PHP . .

Notepad++ http://notepad-plus.sourceforge.net/ru/site.htm. (ZIP- ) , . Notepad++ .

Notepad++. ANSI. , 1.1, . "test.html". , , , . Web-.

- , - Windows Edit with Note-pad++.

Notepad++ PHP Expert Editor, Aptana Studio NetBeans. . Notepad++. - 4.

1

12

1.3. , HTML-, -, . HTML. 1.2 , HTML-.

1.2. HTML-

Web- . HTML 4.01:

Strict . , . :

Transitional . HTML. - :

Frameset , . :

, Web- Internet Explorer (Quirks Mode).

HTML.

13

. Web- - - Web-.

W3C http://www.w3.org/TR/CSS2/ box.html http://www.quirksmode.org/css/quirksmode.html.

HTML- . HTML- ( ) ( ).

1.3.1. HEAD. HEAD , , - , , . .

HEAD . , , - Web-. 60 , Web-:

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

. , :

1

14

. - lang :

, Web- :

content : index ; noindex ; follow ,

Web-; nofollow ; all index follow; none noindex nofollow.

. :

, :

:

:

refresh :

30 . - , URL- url:

HTML.

15

HEAD , , , . .

1.3.2. BODY. . -, , .

, Strict , ,

, .:

:

bgcolor Web-. - , .

. - (, ) - 00 FF. , - "#", , #FF0000 , #00FF00 -, #FF00FF ( );

background - URL- ;

alink ;

link ;

vlink ;

text .

, :

1

16

Transitional. - Strict .

, .

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

.

, .

() >. HTML-: < ();

HTML.

17

& (&); ; " (");

();

();

().

1.4.1. :

:

: ,

: ,

:

:

, Transitional. Strict .

1.4.2. . , , 2: H2O

1

18

. , , 2: 2

1.4.3. , . -:

face :

, , . . - . , ;

size 1 7. , - Web- , 3. 1 7, - , , ( "+") ( "") :

color . , bgcolor (. . 1.3.2):

:

:

black #000000 ;

white #FFFFFF ;

yellow #FFFF00 ;

silver #C0C0C0 ;

HTML.

19

red #FF0000 ;

green #008000 ;

gray #808080 -;

blue #0000FF ;

navy #000080 -;

purple #800080 .

Transitional. Strict .

. :

:

:

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

, ;

;

;

1

20

-; ; , ; .

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

- . Web-.

1.5.2.
. HTML- 1

2

3

Web- : "1 2 3". ,
: 1

2

3

, , - :

HTML.

21

1

2

3

.

1.5.3.

.

:

size :

width . , Web-:

align . :

center ( ):

left :

right :

noshade :

- Transitional. Strict .

1

22

1.5.4. :

x 1 6. 1 :

6 :

align, Web-. : center :

left ( ):

right :

align Transitional. Strict .

1.5.5.

. Web- - .
-. align, -. : center :

HTML.

23

left ( ):

right :

justify ( ):


1.6. , - ( ) ( -). .

1.6.1. . . . 1.3 .

1.3.

type, , - . : disc :

1

24

circle :

square :

type Transitional. Strict .

1.6.2.

. - . .

1.4 .

1.4.

. type , .

HTML.

25

: A :

a :

I :

i :

1 ( ):

start , - :

1

26

value, :

" " 1, " " - 5, " " 6.

type, start value Transitional. Strict -.

1.6.3. /. - . , . . 1.5.

1.5.

HTML (HyperText Markup Language)

HTML.

27

,

CSS (Cascading Style Sheets)

1.7. Web- . - . - : GIF 256 . - , GIF- ; JPEG . ; PNG , . . GIF.

- Web-. , .

1.7.1. Web- Web- . , -,

, . : src URL- :

1

28

alt , - , . , , alt, :

width :

height :

width height . Web- -. , . , .

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

Transitional:

border :

align Web-. -:

left , :

HTML.

29

right , - :

top :

bottom :

middle - :

hspace :

vspace :

1.7.2.

background -:

bgcolor , -, , , - , .

1

30

- Transitional. Strict .

1.8. . Web- .

1.8.1.

HTML- . , ,

, .

href. URL- Web-, .

URL- "&", HTML- &:

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

URL- .

HTML.

31

URL-

URL- , IP- , , . : http://www.mysite.ru/folder/file.html

, : http://www.mysite.ru/file.html

. Web-, Web-: http://www.mysite.ru/

http://www.mysite.ru/folder/

URL-

URL- - Web-, . :

Web- , Web-, , URL- . Web-, http://www.mysite.ru/folder1/folder2/file1.html, http://www.mysite.ru/folder1/folder2/file2.html, :

Web-, http://www.mysite.ru/ folder1/folder2/file1.html, http://www.mysite.ru/ folder1/folder2/folder3/file2.html, :

Web-, http://www.mysite.ru/ folder1/folder2/file1.html, http://www.mysite.ru/ folder1/file2.html, :

http://www.mysite.ru/folder1/folder2/folder3/file1.html http://www.mysite.ru/folder1/file2.html :

1

32

Web-. target _blank:

target (. . 1.10.6).

target Strict .

1.8.2. - Web-. , .

href , URL-. #: 1

, href - name, :

"". "" . :

1.6.

1.6.

HTML.

33

1

2

3

4

1

1

2

2

3

3

4

4

1.8.3.

:

URL- , "mailto:".

. , E-mail .

1

34

1.9.

HTML- :

;

, .

, ( 1.7).

1.7. HTML-

1

2

3

4

22 . - . 1 4.

HTML- . , - . .

. , - . -.

HTML.

35

1.9.1. : border , . :

cellspacing , -, . 2. 0, - :

cellpadding :

1;

width - :

Transitional:

align , . :

left , :

right , :

center :

1

36

bgcolor :

1.9.2.

. align. :

top :

bottom :


1.9.3.

. - :

align . :

left ( ):

right :

center :

justify :

HTML.

37

valign . :

top :

middle :

bottom :

baseline :

bgcolor . - Transitional. Strict .

1.9.4.

. - :

align valign , ;

width height ;

bgcolor ;

width, height bgcolor - Transitional. Strict .

colspan ;

rowspan .

- ( 1.7) 1 2 ( 1.8).

1

38

1.8.

1 2

3

4

, 1

1 2

2

. 1 3 (- 1.9).

1.9.

1 3

2

4

HTML.

39

1

1 3

3

. , . - . . 1.10 - .

1.10.

1

40

-2109

2008

-412

1978

1.10. Web- , HTML-.

1.10.1. Web- , . , , . , , . Web- . 5 : doc1.html ( 1.11) Web-; doc2.html ( 1.12) ; chapter1.html ( 1.13) 1;

HTML.

41

chapter2.html ( 1.14) 2; test.html ( 1.15) HTML-, .

1.11. HTML-, (doc1.html)

1.12. HTML-, (doc2.html)

1

2

1

42

1.13. HTML-, 1 (chapter1.html)

1

1

1

1.14. HTML-, 2 (chapter2.html)

2

2

2

1.15. HTML-, (test.html)

HTML.

43

Web-

. Web- test.html. , . - . - () (). , -. . - Web-. , Web- :

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

, . Web-,

1

44

HTML-. , - test.html. HTML-, , HTML- . - (doc1.html) , . - HTML-.

Web-. - .

, , . . , , , .

1.10.2. HTML-, HTML- ( 1.16) - .

1.16. HTML-

HTML.

45

Web-

HTML-, , HEAD . HTML- BODY, , , . , BODY , HTML- -. , Frameset. :

, . . Web- , , . .

1.10.3. . - , .

1

46

: rows :

cols :

rows cols -. . . - ( ) : cols="20%, 80%"

, - (*), , : rows="100, *"

1.10.4. . : src URL- , . URL-:

name :

scrolling . :

auto , - ( ):

yes :

no :

HTML.

47

marginwidth :

marginheight :

frameborder . :

1 ( ):

0 :

noresize -. - . :

1.10.5. Web- , , . . - :

Web-

1.10.6. target . target ( name ) : _blank Web-:

1

48

_self , -:

_top :

_parent , :

chapter, :

name :

target Transitional.

1.10.7. . HTML-. , . "". : src URL- , . URL-:

name :

scrolling . :

auto , - ( ):

HTML.

49

yes :

no :

marginwidth marginheight ( ):

frameborder . :

1 :

0 :

width height :

align . :

left , :

right , :

top :

middle :

bottom :

test.html ( 1.15) , - 1.17.

1

50

1.17.

Web-

1

2

, - , .

Transitional. - Strict .

1.11. - - -. - GIF JPG.

HTML.

51

: Web- ; , - ; .

1.11.1. - test.html ( - ) - ( 1.18).

1.18. -

-

Web-

1

52

, . Web-, - border 1. Web-. , , , 120240 ( - ). . , , , " 2". chapter2.html . , " 1".

1.11.2. - , - HTML- ( 1.19).

1.19. -

HTML.

53

, - . Web-. usemap , . URL- . HTML-, - , "#". , , - . . , .

1.11.3. -. name. name usemap .

1.11.4. - . . , - . : shape . 4 :

rect ( -):

circle :

poly :

default . Internet Explorer:

1

54

coords . - :

rect - ( ):

x1 y1 , x2 y2 - , :

circle -:

x1 y1 , r1 , -:

poly :

x1, y1, x2, y2, x3, y3 ( ). - , , - . - :

href URL- . :

nohref , . :

HTML.

55

120240 60 ; alt :

target , . - _blank, _top, _self _parent:

(. . 1.10.6).

target Strict .

1.12. Web-. , , - PHP. HTML .

1.12.1. . - , 1.20.

1.20.

1

56

:

:

URL- :

:

:

:

1

2

3

88*31:

forma.html Web-. Web- , (, , URL- , ), ( ), -

HTML.

57

( " 88*31:"), . . - , , - (URL- action , file.php), Web-. - -, , . - , , , " ".

1.12.2. HTML- . , , :

.

1.12.3. HTML-. : action URL- . - :

1

58

method , Web-. GET POST:

GET URL- "?" [ ]=[ ]

= - (&). : http://www.mysite.ru/file.php?pole1=Login&pole2=Password

, , (, ), %nn, - "+". , " " : %EA%E0%F2%E0%EB%EE%E3+%F1%E0%E9%F2%EE%E2

pole1, : http://www.mysite.ru/file.php?pole1= %EA%E0%F2%E0%EB%EE%E3+%F1%E0%E9%F2%EE%E2&pole2=Password

GET method :

GET , , URL-. - 256 ;

POST , (, ):

enctype MIME- . :

application/x-www-form-urlencoded :

multipart/form-data Web- :

HTML.

59

name :

target , , - Web-. _blank, _top, _self _parent:

.

target Strict .

1.12.4. , , , . :

type . - :

text :

password , - :

file . - Web-:

checkbox , :

radio - ( -):

1

60

reset , . , :

submit , , :

button :

. , 3;

hidden , . , , , ( ) - :

name . - (, pole) (, pole1). :

disabled . :

. - .

: value :

maxlength , :

HTML.

61

size :

readonly , . :

,

:

value , :

hidden

:

value :

- :

value , Web-, - . , . , on:

checked , :

checkbox . name. - ( PHP): 1

2

3

1

62

-

- : value , Web-, :

, ; checked , :

- - , . - name value: :

- :

Web- - . : name :

cols :

HTML.

63

rows :

:

1

2

:

name :

size :

size 1;

multiple , - . - ( PHP):

, - .

:

value , Web-, . , :

1

2

"1", select1="val1"

1

64

"2", select1="2"

selected , :

1

2

. label:

BMW

Opel

Audi

1.12.5. - . : for , . id : *:

id . .

HTML.

65

, for: *:

accesskey . : *:

Opera Firefox accesskey.

(- 1.21), CSS - .

1.21.

body { /* */

font-size: 10pt; /* */

font-family: "Verdana", sans-serif; /* */

}

label { /* label */

display: inline-block; /* */

width: 150px; /* */

vertical-align: top; /* */

}

1

66

select { /* */

width: 250px; /* */

border: 1px solid black; /* */

}

input.pole { /* input, pole */

width: 250px; /* */


}

textarea { /* */

width: 250px; /* */

height: 100px; /* */


}

form div { /* div, form */

margin-bottom: 20px; /* */

}

*:

*:

*:

*:

.

.

*:

HTML.

67

*:

:

*:

1.12.6.

. Web- . . :

.

.

1.13. . . - ( 1.22). , Web-. - , , , .

1

68

1.22.

div { /* DIV */


color: green; /* */

font-family: "Arial"; /* */


padding: 5px; /* */

}

span { /* SPAN */


color: red; /* */

font-family: "Arial"; /* */

font-weight: bold; /* */

}

DIV

SPAN

HTML.

69

, , align. - : center :

left :

right :

justify ( ):


1.14. XHTML 1.0 HTML 4.01 XHTML (eXtensible HyperText Markup Language, ) Web-, XML. XHTML 1.0 HTML 4.01, - XML 1.0. HTML 4.01 Web-, - , . XHTML 1.0 . Web-, , - . XHTML 1.0: Strict . , . :

Transitional . HTML. - :

1

70

Frameset , . :

, XHTML xmlns:

lang - (lang="ru"). XML-

, MIME- application/xhtml+xml. Web- Internet Explorer . XML- , MIME- text/html. XHTML . . :

:

. :

:

(, selected), . :

1

2

HTML.

71

:

1

2

.

:

:

(,

, ) - (, , ).

:

:

.

:

:

(,
, .) (" /").

:

1

72

:

HTML- (, "

HTML.

73

HTML- .

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

(X)HTML- http://validator.w3.org/. , , URL- Check. - HTML- . , . HTML-.

1

74

1.16. Web- Internet Explorer , Internet Explorer , Web-. :

, HTML-. W3C . -: lt ; lte ; gt ; gte ; ! .

Web- Internet Explorer. 1.24.

1.24. Web- Internet Explorer

Web- Internet Explorer

HTML.

75

, Internet Explorer

1.24 Internet Explorer 7.0 : Web- Internet Explorer

7

6

6

, , .

2

CSS. Web-

2.1. (CSS Cascading Style Sheets) - HTML - Web-. size :

HTML 1 7. , Web- , 3. ? Web- - , Web- - CSS . style:

Web-, , - Web- Web-. CSS, -.

2

78

style (font-size: 12pt) - . (font-size) -. (12pt), . , HTML- , .

2.2. : , HTML- - .

2.2.1. style. , style :

, - :

- , - :

2.2.2. HTML- ( 2.1). . HEAD HTML-. , , - class.

CSS. Web-

79

2.1.

.text1 { font-size: 12pt; color: red; font-family: "Arial" }

font { font-size: 12pt; color: green; font-family: "Arial" }

font.text2 { font-size: 12pt; color: blue; font-family: "Arial" }

1

2

3

4

5

, , . , - : { : ; ..., : }

:

* . : * { margin: 0; padding: 0 }

, : font { font-size: 12pt; color: green; font-family: "Arial" }

...

2

2

80

. , : .text1 { font-size: 12pt; color: red; font-family: "Arial" }

...

1

2

"1" "2" , ; . , : font.text2 { font-size: 12pt; color: blue }

...

1

, , - :

2

"2" , text2 ; # : #txt1 { color: red }

...

# , : p#txt1 { color: red }

...

, -.

. : h1, h2 { font-family: "Arial" }

: 1 2 , -2, , 1: div a { color: red }

CSS. Web-

81

, :

1 > 2 , 2, , - 1: div > a { color: red }

, :

1

2

, - ;

Web- Internet Explorer , 7.0.

1 + 2 , -2, , - 1, : div + a { color: red }

, div:

Web- Internet Explorer , 8.0.

: div span a { color: red }

, , :

1

2

82

2

2 . : [] : a[id] { color: red }

, id: 1

[=''] , : a[href="link1.html"] { color: red }

, href "link1.html"; [^=''] , : a[href^="li"] { color: red }

, href "li"; [$=''] , : a[href$=".html"] { color: red }

, href ".html"; [*=''] , - : a[href*="link"] { color: red }

, href "link".

: :first-letter . : p:first-letter { font-size: 150%; font-weight: bold;

color: red }

CSS. Web-

83

:first-line . : p:first-line { font-weight: bold; color: red }

:before :after . content: p:before { content: "before "; }

p:after { content: " after"; }

...

: before after

Web- Internet Explorer :before :after 8.0.

2.2.3. . css , , . , html. style.css ( 2.2) - test.html ( 2.3).

2.2. style.css

/* */

.text1 { /* class="text1" */


color: red; /* */

font-family: Arial /* */

}

font { /* FONT */


2

84

color: green; /* */


}

font.text2 { /* FONT c class="text2" */


color: blue; /* */


}

2.3. test.html

1

2

3

4

5

test.html Web-. , . HTML- - . href URL- , rel - stylesheet, , - :

CSS. Web-

85

CSS- @import: @import url()[ ];

@import [ ];

@import: :

@import url("style.css");

, . , all , print - . :

@import "style.css" print;

, , - HTML-.

2.2.4. , color style , , ( 2.4) . , color ( 2.5).

2.4. style.css

p { color: red }

2.5. test.html

2

86

p { color: blue }

1

2

"1"? "2"? : , , , HTML- ; , , , style ; , , , .

- -. , , - , , . - "1" , - color , . "2" , style, . , , , , , , . :

#id1 { color: red }

.cls1 { color: blue }

...

1

CSS. Web-

87

, . !important . style.css ( 2.4) : p { color: red !important }

"2" , . "1" - , color , .

2.3. CSS CSS .

:

(px);

(mm);

(cm);

(in) 1 in = 2.54 cm;

(pt) 1 pt = 1/72 in;

(pc) 1 pc = 12 pt.

:

(%);

(em);

"" (ex).

0 .

:

blue, green . .: p { color: red }

#[R][G][B], R , G - B . - 0 F: p { color: #F00 }

2

88

#[RR][GG][BB], RR , GG BB . 00 FF: p { color: #FF0000 }

rgb([R], [G], [B]), R, G B -, , 0 255: p { color: rgb(255, 0, 0) }

rgb([R%], [G%], [B%]), R%, G% B% , , : p { color: rgb(100%, 0%, 0%) }

.

2.4.

, -, "". , . .

2.4.1.

font-family : p { font-family: "Arial" }

. - . : p { font-family: "Verdana", "Tahoma" }

serif, sans-serif, cursive, fantasy monospace: p { font-family: "Verdana", "Tahoma", sans-serif }

CSS. Web-

89

2.4.2.

font-style . :

normal : p { font-family: "Arial"; font-style: normal }

italic : p { font-family: "Arial"; font-style: italic }

oblique : p { font-family: "Arial"; font-style: oblique }

2.4.3.

font-size : .text1 { font-size: 12pt; font-family: "Arial" }

xx-small, x-small, small, medium, large, x-large xx-large: .text1 { font-size: large; font-family: "Arial" }

, (, ) larger smaller: .text1 { font-size: 150%; font-family: "Arial" }

.text2 { font-size: smaller; font-family: "Arial" }

2.4.4.

color : .text1 { font-size: 12pt; font-family: "Arial"; color: red }

.text2 { font-size: 12pt; font-family: "Arial"; color: #00FF00 }

.text3 { font-size: 12pt; font-family: "Arial"; color: rgb(255, 0, 0) }

2

90

2.4.5. font-weight . - : 100, 200, 300, 400, 500, 600, 700, 800, 900 100 , 900 : p { font-family: "Arial"; font-style: italic; font-weight: 700 }

normal . 400: p { font-family: "Arial"; font-style: italic; font-weight: normal }

bold . 700: p { font-family: "Arial"; font-style: italic; font-weight: bold }

2.5. , , -, , , - .

2.5.1. letter-spacing . - : normal : p { letter-spacing: normal; font-style: italic;

font-weight: normal }

CSS : p { font-size: 12pt; color: red; letter-spacing: 5mm }

2.5.2. word-spacing . - : normal : p { word-spacing: normal; font-style: italic; font-weight: normal }

CSS. Web-

91

CSS : p { font-size: 12pt; color: red; word-spacing: 5mm }

2.5.3. text-indent " ". : p { text-indent: 10mm; font-style: italic; font-weight: normal }

2.5.4. line-height - . : normal : p { line-height: normal; font-style: italic; font-weight: normal }

CSS -: p { font-size: 12pt; color: red; font-family: "Arial";

line-height: 5mm }

2.5.5. text-align . - : center :

left :

right :

2

92

justify ( ):

2.5.6. vertical-align - -, , . : baseline : td { font-size: 12pt; color: red; vertical-align: baseline }

middle : td { font-size: 12pt; color: red; vertical-align: middle }

top : td { font-size: 12pt; color: red; vertical-align: top }

bottom : td { font-size: 12pt; color: red; vertical-align: bottom }

2.5.7. , text-decoration , - . : none ( ):

underline :

overline :

line-through :

blink :

CSS. Web-

93

Web- Internet Explorer blink.

2.5.8. text-transform . : capitalize ; uppercase ; lowercase ; none .

:

2

3

:

2

3

2.5.9. white-space . Web- . : normal :

1

2

Web-: 1 2

2

94

pre :

1

2

Web-: 1

2

nowrap HTML- .
, :

1

2

3

Web-: 1 2

3

2.6. Web- Web- . , . . - Web-, , Web-.

2.6.1. margin-left, margin-right, margin-top margin-bottom Web- . . , .

CSS. Web-

95

:

margin-left : body { margin-left: 0 }

margin-right : body { margin-right: 5% }

margin-top : body { margin-top: 15mm }

margin-bottom : body { margin-bottom: 20px }

:

: body { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 }

margin : margin:

: body { margin: 15mm 5% 20px 0 }

: body { margin: 0 }

2.6.2. padding-left, padding-right, padding-top padding-bottom Web- ( ). , . :

padding-left : td { padding-left: 0 }

padding-right : td { padding-right: 50px }

2

96

padding-top : td { padding-top: 15mm }

padding-bottom : td { padding-bottom: 20px }

padding : padding:

: td { padding: 15mm 50px 20px 0 }

: td { padding: 5px }

2.7. , Web- Web- . - . , , Web-, , .

2.7.1. border-left-style ( ), border-right-style ( ), border-top-style ( ) border-bottom-style ( ) . - :

none ;

solid ;

dotted ;

dashed ;

double ;

groove ;

ridge ;

CSS. Web-

97

inset , ; outset , .

Web- ( 2.6).

2.6.

table { border-left-style: dashed; border-right-style: dotted;

border-top-style: solid; border-bottom-style: groove }

td { border-left-style: none; border-right-style: none;

border-top-style: none; border-bottom-style: none; text-align: center }

caption { border-top-style: solid }

p { border-left-style: dotted; border-right-style: dotted;

border-top-style: dotted; border-bottom-style: dotted }

1

2

3

4

2

98

, , , . border-style: border-style:

, .

2.7.2. border-left-width ( ), border-right-width ( ), border-top-width ( ) border-bottom-width ( ) . - : table { border-left-width: 5px; border-right-width: 5px;

border-top-width: 0; border-bottom-width: 10px }

: thin ; medium ; thick .

table { border-left-width: medium; border-right-width: medium;

border-top-width: thin; border-bottom-width: thick }

border-width: border-width:

, .

2.7.3. border-left-color ( ), border-right-color ( ), border-top-color ( ) border-bottom-color ( ) : table { border-left-color: red; border-right-color: #000080;

border-top-color: green; border-bottom-color: black }

CSS. Web-

99

border-style border-width, - border-color.

2.7.4.

, - border: border:

, - , : td { border: red thin solid }

2.8. . , - Web-. , , - , . -, , , , 12 , , , .

2.8.1.

background-color : body { background-color: green }

td { background-color: silver }

transparent. , : td { background-color: transparent }

2

100

2.8.2. background-image URL- -, . URL- ( - , ): body { background-image: url(foto1.gif) }

none. , : body { background-image: none }

2.8.3. background-repeat . :

repeat , ( ): body { background-image: url(foto1.gif); background-repeat: repeat }

repeat-x : body { background-image: url(foto1.gif); background-repeat: repeat-x }

repeat-y : body { background-image: url(foto1.gif); background-repeat: repeat-y }

no-repeat : body { background-image: url(foto1.gif); background-repeat: no-repeat }

2.8.4. background-attachment , . -:

scroll - ( ): body { background-image: url(foto1.gif);

background-repeat: no-repeat; background-attachment: scroll }

CSS. Web-

101

fixed : body { background-image: url(foto1.gif);

background-repeat: no-repeat; background-attachment: fixed }

2.8.5. background-position -. - . : body { background-image: url(foto1.gif); background-repeat: no-repeat;

background-attachment: fixed; background-position: 50% 50% }

, : left ; right ; center ; top ; bottom .

: body { background-image: url(foto1.gif); background-repeat: no-repeat;

background-attachment: fixed; background-position: left center }

2.8.6. background background-color, background-image, back-ground-position, background-repeat background-attachment. : body { background: green url(foto1.gif) no-repeat fixed left center }

body { background: green }

, -. , -. , , , - .

2

102

2.9. , . , - .

2.9.1. list-style-type . : disc : ul { list-style-type: disc }

circle : ul { list-style-type: circle }

square : ul { list-style-type: square }

decimal : ol { list-style-type: decimal }

lower-roman : ol { list-style-type: lower-roman }

upper-roman : ol { list-style-type: upper-roman }

lower-alpha : ol { list-style-type: lower-alpha }

upper-alpha : ol { list-style-type: upper-alpha }

none : ol { list-style-type: none }

2.9.2. list-style-image URL- , .

CSS. Web-

103

, HTML-: ol { list-style-image: url(foto1.gif) }

2.9.3. list-style-position - . : outside . : ol { list-style-position: outside }

inside . : ol { list-style-position: inside }

2.10. cursor -. : auto Web- : p { cursor: auto }

crosshair : p { cursor: crosshair }

default ( ): p { cursor: default }

pointer : p { cursor: pointer }

move , : p { cursor: move }

n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, e-resize, w-resize , : p { cursor: n-resize }

text : p { cursor: text }

2

104

wait : p { cursor: wait }

progress : p { cursor: progress }

help : p { cursor: help }

2.11. . Web- - . - : a:link ; a:visited ; a:active ; a:hover , .

! .

link, vlink alink :

a:link { color: #000000 }

a:visited { color: #000080 }

a:active { color: #FF0000 }

, , : a:link { color: red; text-decoration: underline }

a:visited { color: blue; text-decoration: underline }

a:active { color: green; text-decoration: none }

a:hover { color: lime; text-decoration: none }

CSS. Web-

105

, -, : a.link1:link { color: black; text-decoration: none }

a.link1:visited { color: blue; text-decoration: none }

a.link1:active { color: red; text-decoration: underline }

a.link1:hover { color: red; text-decoration: underline }

2.7 - , .

2.7.

a:link { color: red; text-decoration: underline }

a:visited { color: blue; text-decoration: underline }

a:active { color: green; text-decoration: none }

a:hover { color: lime; text-decoration: none }

a.link1:link { color: black; text-decoration: none }

a.link1:visited { color: blue; text-decoration: none }

a.link1:active { color: red; text-decoration: underline }

a.link1:hover { color: red; text-decoration: underline }

1

2

2

106

2.12. , Web- Web- . -, , . . , - W3C. : = margin-left + border-left-width + padding-left +

width + padding-right + border-right-width +

margin-right

= margin-top + border-top-width + padding-top + height +

padding-bottom + border-bottom-width + margin-bottom

, Web- Internet Explorer (Quirks Mode). padding border - width height, , -: = margin-left + width + margin-right

= margin-top + height + margin-bottom

Web- - Web-.

- W3C http://www.w3.org/TR/CSS2/box.html http://www.quirksmode.org/css/box.html.

2.12.1. display . : block . block

; inline - . inline , .;

CSS. Web-

107

inline-block inline, , . ;

none .

display - 2.8.

2.8. display

display

div div { border: 2px solid #333 }

label { display: inline-block; width: 100px }

display = inline

display = inline

display = inline-block

display = block

:

:

2

108

2.12.2. width height : div { width: 100px; height: 100px }

min-width min-height - : div { min-width: 100px; min-height: 100px }

Web- Internet Explorer min-width min-height 7.0.

max-width max-height : div { max-width: 100px; max-height: 100px }

Web- Internet Explorer max-width max-height 7.0.

, -, . , - overflow.

CSS. Web-

109

2.12.3. overflow overflow , . :

visible , - ( ). , , - ;

hidden , , ;

scroll ;

auto , . , .

overflow - 2.9.

2.9. overflow

overflow

body { font-size: 14px; font-family: Arial; color: black }

.div1 div { width: 100px; height: 100px }

.div1 div, .div2 div {

background-color: silver;

border: black 2px solid;

margin-bottom: 10px

}

.div2 { height: 600px }

span { font-weight: bold }

2

110

overflow = hidden

, ,

overflow = scroll

overflow = scroll.

overflow = auto

overflow = auto

overflow = auto

overflow = auto. ,

overflow = visible.

overflow = visible. ,

overflow = visible.

overflow = visible. ,

CSS. Web-

111

2.12.4. float , . :

left , - ;

right , - ;

none .

clear . - :

both ;

left ;

right ;

none , - both, left right.

float clear Web- . ( 2.10).

2.10. float

float

* { margin: 0; padding: 0 } /* */

2

112

body { font-family: Verdana, Tahoma, sans-serif; font-size: 14px }

.header { background-color: silver; padding: 10px; height: 50px;

text-align: center; line-height: 50px; }

.menu { float: left; border: 1px solid black; width: 150px;

padding: 5px; margin: 10px; min-height: 200px }

.text { border: 1px solid black; padding: 5px;

margin: 10px 10px 10px 185px; min-height: 500px }

.footer { background-color: silver; paddin

Software

Html, java script, php и mysql. джентльменский набор web мастера 2010