32.988.02-018

004.738.5

.

32 HTML, XHTML CSS 100 %. .: , 2010. 384 .: . ( 100%).

ISBN 978-5-49807-594-5

? ,

, ? , : -

. , -

. HTML XHTML,

CSS. , , , .

, .

!

32.988.02-018

004.738.5

. - .

, , , -. , , - , .

ISBN 978-5-49807-594-5 , 2010

32

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

1. HTML- . . . . . . . . . . . . . . . . . . . . . 15

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

4. . . . . . . . . . . . . . 96

5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126

6. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141

7. CSS . . . . . . . . . . . . . . . 172

8. CSS . . . . . . . . . . . . . . 196

9. HTML- CSS . . . . . . . 217

10. HTML . . . . . . . . . . . . . . . . . . . . . . 265

11. JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305

12. JavaScript . . . . . . . . . . . . . . . . . . . . . . . 354

13. XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

1. HTML- . . . . . . . . . . . . . . . . . . . . . 151 .1 . . . .HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

1 .2 . . .HTML- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18 .HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 .HEAD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20 .TITLE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 .META . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 .STYLE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 .LINK . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 .SCRIPT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 .BASE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 .BODY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 432 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 442 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 462 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47

2 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

2 .5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61

2 .6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 . . . . . . . . . . . . . . . . . . . . . . 72 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 783 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 793 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 813 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 813 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 823 .5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 863 .6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 883 .7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 903 .8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 913 .9 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 933 .10 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95

4. . . . . . . . . . . . . . 964 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

4 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 . .OBJECT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 .PARAM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 115 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 .Flash- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 . . .OBJECT . . . . . . . . . . . . . . . . . . . . . . . 123

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1265 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1275 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1295 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1315 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1325 .5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1355 .6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1355 .7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1375 .8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1416 .1 . . .FORM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1426 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

. . .INPUT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171

. CSS . . . . . . . . . . . . . . . 1727 .1 . . .CSS . .HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1737 .2 . . .CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177 .@ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

7 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 179 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181ID- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

7 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 .:first-child . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 .:lang . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 .:first-line . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187 .:first-letter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188 .:before . .:after . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190

7 .5 . . .@media . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1917 .6 . . .!important . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1937 .7 . . .@import . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

8. CSS . . . . . . . . . . . . . . 1968 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

8 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 203 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

8 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210

8

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216

9. HTML- CSS . . . . . . . 2179 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2189 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 221

.:before . .:after . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 .content . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223

9 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 . . .display: .none . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227C . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 227 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 233

9 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 242 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248

9 .5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 249 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 251

9 .6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254

99

9 .7 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 255 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 256

9 .8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264

10. HTML . . . . . . . . . . . . . . . . . . . . . . 26510 .1 . . . .HTML- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26610 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26810 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270

.Window . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 .Navigator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 .Screen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 284 .History . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 .Location . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 288

10 .4 . . . . .(DOM) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 .Document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304

11. JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30511 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

.alert() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307 .prompt() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308 .confirm() . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309

11 .2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 309 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 315 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

11 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320

10

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 324 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 326

11 .4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331

11 .5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 337 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342

11 .6 . . . .JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 .Global . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 343 .String . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344 .Number . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346 .Boolean . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 346 .Array . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347 .Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347 .Date . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348 .Math . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351 .RegExp . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352 .Object . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353

12. JavaScript . . . . . . . . . . . . . . . . . . . . . . . 35412 .1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356 . .JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 356

12 .2 . . . . .HTML- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 358 . . . . . . . . . . . . . . . . . . . . . . . . . . 358 . . . . .SCRIPT . . . . . . . . . . . . . . . . . . . . 359

12 .3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36312 .4 . . . . . . .FrontPage . . . . . . . . . . . . . . . . . . . . . . . . . . . 36512 .5 . . . . .Microsoft .Script .Editor . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 369

11

13. XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37113 .1 . . .XHTML- . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37413 .2 . . .XHTML . .HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 . . . . . . . . . . . . . . . . . . . . 378 . . . . . . . . . . . . . . . . . . . . . . . 379 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 379 . . . . . . .XHTML . . . . . 379

13 .3 . . . .XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382

XX . -, . HTML (HyperText Markup Language - ), , - .

HTML XHTML (eXtensible HyperText Markup Language - ), XML (eXtensible Markup Language ). XML (HTML XHTML) , HTML - . XHTML, HTML, , -, XHTML.

HTML - () . , . , , , . - . -, HTML- . (script). - JavaScript. , , - . . HTML-

13

JavaScript, -. , .

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

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

. HTML- HTML-. , - , - . , . - , Windows, , - . .

- CSS (Cascading Style Sheets ) JavaScript. JavaScript, , -, . JavaScript - . - , HTML-.

CSS -, , Word. , , . CSS .

- -, , -, . , -, .

, alexanderzhadaev@sigmaplus.mcdir.ru www.sigmaplus.mcdir.ru. , - .

, gromakovski@minsk.piter.com ( , -).

!

http://www.piter.com .

.14

1

HTML-1.1. HTML

1.2. HTML-

.1 . . . .HTML-1

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

1.1. HTML HTML- , . .

HTML . -, . - . , , .

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

: , . - , / , .

P, :

, -. IMG, , , . , .

, , ,

1

. , , -. .

-, , . , - , . , align P:

-. , .

HTML, . . , HTML-- , .

1.2. HTML- , .

1.1 , HTML- :

;

;

.

1.1. DOCTYPE

HTML

1 .2 . . .HTML-

.1 . . . .HTML-18

... ...

... ...

HTML- :

HTML-. , , DOCTYPE.

HTML , HTML.PUBLIC , - HTML.

"-//W3C//DTDHTML4.01Transitional//EN" , . , , , - . HTML 4.01, .

"http://www.w3.org/TR/html4/loose.dtd" URL- , , - HTML 4.01.

(Document Type Definition, DTD), , XHTML. , , , HTML, . HTML 4.01 W3C - DTD.

DTD, , HTML- HTML 4.01. :

19

(transitional) DTD, , HTML 4.01 . :

DTD HTML 4.01 . , : - - , , HTML-. :

- HTML 4.01. HTML-, -, , , , W3C DOCTYPE .

: DTD ? - HTML . - DTD , HTML 4.01 , DTD.

, .

HTML HTML 4.01 . , . HTML 4.01 , W3C - . XHTML- HTML .

HTML .

lang .dir (RTL , LTR ).

1 .2 . . .HTML-

.1 . . . .HTML-20

version HTML, - . , -.

title .

1.2 HTML -, .

1.2. HTML

. 1.1 - HTML.

, dir . , IE 6 Opera 9 , - . , - (, ), .

HEAD , . , HEAD, , .

, , , . , HEAD, : , , , .

HEAD , HTML, profil. , . -

. 1.1. title

21

. HTML.

, HEAD, . 1.1.

1.1. , HEAD

TITLE , , . ,

META

SCRIPT (. . 12)

LINK (. . 79)

STYLE (. . 79)

BASE

OBJECT (. . 4)

, . . 1.1, , .

, .

TITLE , . HTML 4.01 HEAD - TITLE, .

. , , - .

, , . - , , - , - .

: . , - .

1 .2 . . .HTML-

.1 . . . .HTML-22

, , .

- . - . , (\ / : * ? " < > |), - .

, TITLE. . , , , - .

1.3 TITLE. 1.3. TITLE

, .

. 1.2 1.3. , .

. 1.2.

23

, , - HEAD.

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

name Author, content " ". META: name - , content . name http-equiv, -. , :

, -. .

HEAD META, - . . 1.2 http-equiv. , - HTML 4.01 , - -. META -.

1.2. http-equiv

content-type . -

expires . , ,

pragma ,

refresh ,

1 .2 . . .HTML-

.1 . . . .HTML-24

content-language , lang HTMLcontent-script-type ,

content-style-type

.

1.4 , http-equiv .

1.4. http-equiv

META

, http-equiv , content. content-type, , . , - .

refresh , . , . 1.4 10 test.ru.

. . . . . . . . . . .-, . . . ., . . . . . . . .

content - (. 1.3).

1.2 ()

2

1.3. content http-equiv

http-equiv content

content-type ISO-8859-1 Latin-1

Windows-1251 (Windows)

KOI8-r (8-)

cp866 (DOS)

Windows-1252 (Windows)

Windows-1250 (Windows)

expires Sun, Oct 2010 10:09:00 GMT+3

[RFC850],

pragma no-cache . , - ,

refresh -

, URL - ,

content-language de

el

en

en-GB ,

en-US ,

en-cockney ,

es

fr

it

i-navajo

ja

he

nl

ru

pt

zh

content-script-type text/javascript JavaScript

text/perlscript PerlScript

text/tcl TCL

text/vbscript VBScript

content-style-type text/css CSS

1 .2 . . .HTML-

.1 . . . .HTML-2

content, , - . content-type ( ), - .

name, http-equiv, -, . , . , .

. 1.4 name.

1.4. name

keyword , .

description

author

document-state

resource-type . , , Document,

revisit

robots

subject

URL (, , , )

. 1.4, . , , , META., META, - . , , , .

. . . ., . . . . . .- . . . . . . . . . ., . . . . . . . . . .

. . . .- . . . . . . . . ., . . . . . . . . . . . .

2

1.5 META .

1.5. META

META

1.5 . - .

author . , author copyright, - content . , - content. lang. description . , , , - . , , , .

dynamic document-state , , .

1 .2 . . .HTML-

.1 . . . .HTML-28

keywords: , . , , lang. , - , - .

, , . , - , .

. -, , , . - 200250 , keyword. , .

, , - . , , , , , .

, - , . , - , .

resource-type - , . - , resource-type document.

revisit. , - . , , - .

robots . , , - .

29

. 1.5 , .

1.5. content robots

index

noindex

follow

nofollow

all ,

none ,

URL, test.ru.

, , META, . , , .

, META - , , . - .

STYLE , . - . STYLE - lang title, type media. type , -, media , - HTML-.

HTML 4.01 CSS, . 7. - , . , W3C HTML- , , , . , CSS.

1 .2 . . .HTML-

.1 . . . .HTML-30

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

STYLE CSS - . - CSS. , type STYLE text/css, - CSS. CSS-:

p.style {

color:#CC0000;

background:#9999CC;

word-spacing:20px;

}

p.style , P, , - style, (color:#CC0000), (background:#9999CC) (word-spacing:20px).

- , class , :

style

, CSS STYLE, , -, .

, STYLE . , . - , . media.

31

media :

print ;screen ;all .

1.6 CCS.

1.6.

p.style {

color:#CC0000;

background:#9999CC;

word-spacing:20px;

}

.style2 {

color:#66FFFF;

background:#990000;

word-spacing:10px;

}

p.style {

color:#000000;

background:#FFFFFF;

word-spacing:20px;

}

.style2 {

color:#000000;

background:#FFFFFF;

word-spacing:10px;

}

1 .2 . . .HTML-

.1 . . . .HTML-32

style

style2

style2

: style P ( ), style2 . 1.6 style2 .

1.6 . 1.3.

. 1.3.

. .

33

. . . . . . . . . . .- . . . . . . . ., . . . . . . .

: CSS- - style. - HTML. CSS . - P:

, CSS- STYLE . 1.7 CSS- style. 1.7. style

style="color:#CC0000; background:#9999CC; word-spacing:20px;"

style="color:#66FFFF; background:#990000; word-spacing:10px;"

style="color:#66FFFF; background: #990000; word-spacing:10px;"

1 .2 . . .HTML-

.1 . . . .HTML-34

, , - style.

. 1.4 1.7.

. 1.4. style

, . , .

CSS. , - STYLE, .

. - 1.8 STYLE. : @import URL(" ");.

1.8.

@import URL("test.css");

3

-, test.css.

LINK LINK - . . , . , LINK -. , LINK .

href; , . -, , , .

type, , - . text/css.

LINK : rel rev. - , . - , .

1.9 LINK. 1.9. LINK

1 .2 . . .HTML-

.1 . . . .HTML-3

LINK

1.9 LINK - , , , , - .

. 1.6 rel. - W3C.

1.6. rel

contents

index ,

glossary

copyright

next

prev

help ,

. .alternate . .rel . . . . . .hreflang . .charset, . . . . .LINK . . . ., . ., . . . . . ., .- . . . .

LINK . - , .

SCRIPT SCRIPT . - , , . , SCRIPT.

3

. type, , . , . - SCRIPT src, -. , .

SCRIPT defer, .

1.10 HTML--.

1.10. SCRIPT

SCRIPT

, , , -.

BASE , , . HTML .

BASE , , - . - . , -, .

1 .2 . . .HTML-

.1 . . . .HTML-38

. . . . . . ., . . . . . ., .C:\Test\test .jpg . . . . . . .http://www .test .test/mytests/test .html . ., . . . . . . . . . . . . . . . ., . . . . . . ., . . ., . . . .C:\Test\MyTests\test .html, . . . . .C:\Test\test .jpg, . . . . . . .\test .jpg, . . . . . . . . . . . . . . .

BASE href. - , - .

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

_top ;_blanc ;_self ;_parent -.

BASE -.

1.11 BASE. 1.11. BASE

BASE

1.11 http://www.test.test/,

39

../IMG/test.jpg, http://www.test.test/IMG/test.jpg. , .

, - HEAD, .

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

BODY, -. -, , , , .

BODY:alink ;vlink ;link .

HEX- . , . , - HEX-.

1.12 .

1.12.

BODY

1 .2 . . .HTML-

.1 . . . .HTML-40

: #. . . - - . blue, red, black .

, , .

BODY -. , .

. - bgcolor, . - background, . , . , . , .

bgproperties. , . - fixed, . - . , .

1.13 BODY, .

1.13.

BODY

41

1.13 test.jpg , . .

, .

BODY:

bottommargin ;

leftmargin - ;

topmargin - .

.

1.14 BODY. 1.14.

BODY

10 , 20 -.

BODY , . text . , , - .

1 .2 . . .HTML-

.1 . . . .HTML-42

scroll , -. : yes no, . , , , - . .

BODY, . , , .

, , - . .

, - . . , .

: . , - , .

HTML- - , HTML. , - . - .

, - .

2

2.1.

2.2.

2.3.

2.4.

2.5.

2.6.

.2 . . . . .44

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

, - . , XHTML CSS, - . 79. , - -, , - .

2.1. , . HTML , - . , , , - , .

HTML . , .

H1, H2, H3, H4, H5, H6. , , .

. align. align:

left ;right ;center ;justify ( ).

4

title, - , .

2.1 .

2.1.

1

2

3

4

5

6

. 2.1 - 2.1 .

. 2.1 - . , - , , , - .

- , .

, , - CSS. H1H6 style class, .

, , .

. 2.1.

2 .1 . . .

.2 . . . . .4

2.2. , , . HTML .

HTML P, - . P, , - , , - P.

, HTML.

P , . - align .

center . - , . - , .

left . , . -, .

right . , . - . , , .

justify . , . , .

, , . - title, .

2.2 .

2.2.

4

,

,

, .

. 2.2 2.2, .

. 2.2.

-, P style class.

2.3. . , , , -?

2 .3 . . . .

.2 . . . . .48

HTML , . , .

BR, - , , .

2.3 .

2.3.

,

.

. 2.3 - 2.3.

. 2.3 , BR .

BR. , - , ( , align).

clear BR. :

all ;left , - BR;right , - BR;none .

. 2.3.

49

, , BR, - .

, -, , . NOBR, . , -, . .

, NOBR WBR, .

2.4 NOBR WBR. 2.4.

, , .

. 2.4 2.4.

. 2.4.

. 2.4, , .

2 .3 . . . .

.2 . . . . .0

, , .

2.4. , HTML - .

, . ( ), .

HTML :

;

;

.

.

, . , -, -. .

HTML UL, . UL. LI.

UL type, . :

circle , ;square ;disc , .

, .

1

2.5 .

2.5.

.2 . . . . .2

2.6.

2.6 - . 2.6.

-.

, - .

HTML . LI . UL , , BR .

2.7 .

2.7.

. 2.6.

3

2.7 . 2.7.

- , .

- . , , ? - - , - .

, - , . , .

OL, - , .

OL type, , .

type , :

A ;a ;I ;i ;1 .

OL start, , .

. 2.7.

2 .4 . . .

.2 . . . . .4

2.8 - .

2.8.

2.8 . 2.8.

. 2.8.

, 6.

LI - . , LI type. , value , .

2.9 .

2 .4 . . .

.2 . . . . .

2.9.

2.9 . 2.9.

, , - .

, - . - . - .

, - .

: . , - . - , - , , .

. 2.9.

DL . , style class, .

DL, DT DD. , ; - .

DT. . , , .

2.10 .

2.10.

2.10 . 210.

. 2.10.

2 .4 . . .

.2 . . . . .8

. 2.10 ; - .

. , - . - .

HTML , , , , -.

2.11 .

2.11.

9

. 2.11 , - .

, - .

, , , , .

2.5. . - , , . , , .

: . . - .

, . , , .

URL- , .

HTML A, . , . , , - , . HTML . , , - , , , - , . .

A - href. , , . , , , .

. 2.11.

2 .5 . .

.2 . . . . .0

2.12 HTML- -.

2.12.

. 2.12.

, .

, , .

, - ? .

HTML-. , . , - .

, , . name A. A. , , .

name , , , .

. , , URL- #met1. met1 .

. 2.12.

1

, .

2.13 .

2.13.

2

1

2

1

. 2.13.

. 2.13.

, , , , .

, , - A .

A , , .

2 .5 . .

.2 . . . . .2

A . target , , .

target , :

_blanc ;_parent -;_self ;_top .

, . , , , . , .

title, - , - , . - .

2.14 .

2.14.

. 2.14 .

, .

, , . , , , .

3

. 2.14.

- - A.

2.15 -.

2.15. -

. 2.15 , - -.

, , , .

. , - , - , - , .

, . . 2.15. -

2 .5 . .

.2 . . . . .4

2.6. ? , , , , , . , HTML .

, : . .

, -, . , . , , . , - , - .

, , . , , , , .

: , , , .

- .

, , , . , , .

, - , , , .

ABBR

ABBR . title .

, - title.

:

ACRONYM

ACRONYM , .

. . . . ., . ., . . . . . .

title .

:

CITE

CITE , -. .

:

CODE

, , , , , . - .

:

func(int a, char b);

DEL

DEL - . : cite URL , , datetime --T::TZD ( Time Zone region with Daylight Saving Time

2 .6 . . .

.2 . . . . .

). -.

:

DFN

. , . - .

:

-

EM

EM . .

:

INS

INS , . : cite URL , , datetime --T::TZD. .

:

KBD

KBD , . .

:

Q

. , , .

:

:

SAMP

SAMP . .

:

STRONG

STRONG . - .

:

VAR

. - .

:

X

2.16 .

2.16.

2 .6 . . .

.2 . . . . .8

func(int a, char b);

-

:

X

2.16 . 2.16.

. 2.16 , , . - , -, -.

, , .

B B .:

. 2.16.

9

I I .:

TT .

:

U U .:

S S .:

STRIKE .

:

BIG BIG , , -, . , .

. .HTML . . . . . . . . . . . . . . . . . .

2 .6 . . .

.2 . . . . .0

- .

:

SMALL

SMALL . .

:

SUB

, . .

:

SUP

SUP , . .

:

SPAN

SPAN - . .

:

1

2.17 .

2.17.

2.17 . 2.17.

. 2.17.

. 2.17 , , .

2 .6 . . .

.2 . . . . .2

, . , -, .

. 2.1 , .

2.1.

B STRONG

I EM, DFN, VAR, CITE

TT CODE, SAMP, KBD

U INS

S, STRIKE DEL

BIG

SMALL

SUB

SUP

, , .

. , .

, , . , .

, .

FONT

FONT . , .

FONT. - , , .

3

face, . , . , face. size. , 2 6. 3. . +, , , , , . , .

color, , , #RRGGBB.

. . . . . . . .

2.18 - FONT. 2.18. FONT

FONT

+2

4

2.18 . 2.18.

. , . , Sans Serif. - , .

2 .6 . . .

.2 . . . . .4

. 2.18. FONT

, . . , .

DIV DIV . , - DIV style, class., HTML, - align - title. 2.19 - DIV. 2.19. DIV

DIV

, .

2.19 . 2.19.

. 2.19. DIV

, .

PRE , .

. .HTML . . . . . . . .

. PRE . - .

2.20 PRE. 2.20. PRE

PRE

2 .6 . . .

.2 . . . . .

. 2.20 , , - PRE, . , - .

BLOCKQUOTE

BLOCKQUOTE - . , . - .

2.21 BLOCKQUOTE. 2.21.

BLOCKQUOTE

.

. 2.21 , - BLOCKQUOTE.

, , HTML -, .

HTML - . . -

. 2.20. PRE

. 2.21. BLOCKQUOTE

B I, , -. : , , .

2.22 -.

2.22.

.

HTML. - , , .

. , BODY. , - .

3

3.1.

3.2.

3.3.

3.4.

3.5.

3.6.

3.7.

3.8.

3.9.

3.10.

9

, . , , .

HTML : - , , -, . - HTML-, , , -, , , . (. 3.1).

. 3.1. HTML-

. . . ., ., . . . . .- . .XHTML . . . .CSS . . . . . . . . . . .HTML .4 .01 . .

3.1. , - (. 3.2).

.

-. - .

, .

, .

, .

. 3.2.

3 .1 . . . .

.3 . . .80

. - . , . 3.3, , .

. 3.3.

, , , - . .

.

.

Paint, Adobe Photoshop AutoCAD.

HTML- , Microsoft Word. HTML-. - HTML- .

81

3.2. HTML- . - BODY. - , . - :

TABLE. - .... - align, top ( ) bottom ( ). - .

3.3. . - , . . , . , , () . TD .

( ), . TH . TH, TR TD Internet Explorer.

3 .3 . . .

.3 . . .82

HTML-. , , ( 3.1). . 3.4 , .

3.1. HTML-,

HTML-

1 2 3

2x1 2x2 2x3

3x1 3x2 3x3

. 3.4. HTML-

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

3.4. . border TABLE. -

83

. border , . bordercolor , . .

( ) - -. . 3.5 , Internet Explorer, . 3.6 Opera. - - , -. , , , .

. 3.5. Internet Explorer

. 3.6. Opera

3 .4 . . .

.3 . . .84

. 3.5 , - . cellspacing cellpadding TABLE. cellspacing - , cellpadding .

3.2 , - 10 , (. 3.7).

3.2. HTML-

HTML-

1 2 3

2x1 2x2 2x3

3x1 3x2 3x3

. 3.7.

8

, . frame , rules . frame :

above ;below ;box ;border ( box);hsides ;lhs ;rhs ;void ;vsides .

Frame rules HTML, - .

rules :

all ;cols ;groups - ;

none ;rows .

3.3 frame rules. 3.3. HTML-

HTML-

3 .4 . . .

8

.

.

.

.

.

.

. 3.8 , . - , - rules frame.

3.5. width - TABLE. - (width="250"), - (width="80%"). , 600 , , - . , - , -. - height.

. - . . - .

- , .

. 3.8. HTML-

.3 . . .

8

. 3.9 3.10 , .

. 3.9. 80 %

80 % , 50 % . - 100 .

. 3.10. 300

3 .5 . . . . . . .

88

, 300 . 3.4 3.5 , .

3.4. 80 %

HTML- 80% 1 2 3 2x1 2x2 2x3 3x1 3x2 3x3

3.5. 300

HTML- 300 1 2 3 2x1 2x2 2x3 3x1 3x2 3x3

3.6. HTML 4 ( -, ) -.

.3 . . .

89

COLGROUP COL. COLGROUP , . , , , . COL , , . , .

COLGROUP COL span - n. , n - .

THEAD, TBODY TFOOT. - .

THEAD. . , , - TBODY. TFOOT . . .

, , -, , ( ). , -.

1. .

2. .

3 .6 . . . . .

90

3.7. TABLE, TR, TH TD align valign.

align - :

/ / ;

/- / ;

/- / ( );

/ / / ( ).

valign :

/ -/ ( );

/ /;

/ /;

/ /.

3.6 - (. 3.11).

3.6.

HTML-

.3 . . .

91

028190 12,2

058120 4,6

986100 2,3

. 3.11.

3.8. , (. . 3.2). HTML colspan rowspan. colspan , -, rowspan .

3 .8 . . . .

92

. 3.12 . , . , . 3.7.

. 3.12.

3.7.

HTML-

22 23

32 33

42 43

52 53

.3 . . .

93

3.9. HTML . bgcolor , , , , .

, - ( ), -, . 3.13.

. 3.13. bgcolor

background - , . , . , - , , .

3.10. , , (. 3.14). colspan ., , TABLE , .

3 .10 . . . .

94

. 3.14. HTML-

3.8 , . 3.13. - . . , - . , , , .

3.8. ,

HTML-

1x11x21x31x4

1x11x21x3

2x12x22x3

.3 . . .

9

, - -. - Microsoft (www.microsoft.com) .

- . , -. , , -.

HTML- : , , - . . , .

4

4.1.

4.2.

9

Flash-, . , , . - - . , , , - .

4.1. , , -. : , (- -), . . . - . , , . - , - . , , , , . - . , , , .

HTML- IMG. src, .

: . .

. . . . . . .(, . .- . . . . .(http://www .mypage .ru/IMG/myfoto .jpg)), . . . . . .(, . . .- . . . .(IMG/myfoto .jpg)) . . . . . . ., . . . . ., . . .../ ( . . .DOC, . . . . . . .IMG, . .- .: . . ./IMG/myfoto .jpg) .

4 .1 . . .

.4 . . . . .98

4.1 .

4.1.

. 4.1 - 4.1 , .

-. , , , , .

, , , , - , - -.

, - , - IMG. , width height. ( %).

. . . ., . . . . ., . . . .

. 4.1.

99

, - .

- IMG, , , . , , , - - ( , ). - , . 4.2.

4.2 - .

4.2.

( )

IMG_0628.jpg

4.2 , - . , , .

4.2 . 4.2.

. 4.2 , - , , . - , ,

. 4.2.

4 .1 . . .

.4 . . . . .100

. .

. . . . . ., . . .- . . . . . . . . . . .-, . . . . . . . .

, -.

, . , , .

, align IMG. , .

align , - , , , .

:

left ;right .

:

top ;

texttop ;

middle ;absmiddle ;baseline ;

bottom baseline;absbottom - .

101

. . . . ., . . . . . . . . . . . . . ., . . . . . . .- . . . . . . . . . . .- ., ., . . . . .

4.3 .

4.3.

. 4.3 4.3, .

. - 4.4.

4.4.

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

4 .1 . . .

.4 . . . . .102

. 4.3.

. 4.4 4.4, - .

. 4.4.

103

- .

. - .

, hspace vspace IMG. .

4.5 (100 ) (1 ). . 4.5 , - .

. 4.5.

4.5.

4 .1 . . .

.4 . . . . .104

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

, .

, , : . border, .

4.6 10 , - 50 . . 4.6 , - , , .

. 4.6.

10

4.6.

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

, , , , , .

, , , , , . , , , , - .

alt. , . , , , , , , , .

4.7 .

4.7.

4 .1 . . .

.4 . . . . .10

. 4.7 4.7 , .

. 4.7.

.

. 4.8 , , .

. 4.8.

10

, .

, , , .

lowsrc, , , . - , , . - .

. . . . . . . . . . . . . . . . . .- . . . . . ., . .

4.8 , - .

4.8.

. 4.9 , - .

.

4 .1 . . .

.4 . . . . .108

. 4.9.

, , --.

, , , - .

IMG , , border. , , .

4.9 - .

4.9. -

border ( )

109

10

4.9 . 4.10.

- , .

- , - -, . , .

- . , .

. , , - , , - . , , . , - .

4.2. , , , ?

. 4.10. -

4 .2 . . .

.4 . . . . .110

-, - , -.

- . 4.10, - . title A, - , . - (. 4.11).

4.10 .

4.10.

Test audio

. . , -. .

, , Flash-. ; Flash- -, , . , Flash- , - .

. 4.11.

111

, - , , , . OBJECT. . EMBED APPLET, OBJECT. - .

. . . . . .OBJECT, ., . .- . . ., . . . . . .-, . . . ., . . . . .- .EMBED .

. PARAM, . - , , . . . , .

, , OBJECT.

OBJECT - - . - , Flash-. OBJECT - : , , , .

OBJECT , , . , , -, .

4 .2 . . .

.4 . . . . .112

. , -, , . , .

classid , . . , , -, -. : ActiveX-. clsid, 4.11. , . .

codetype , MIME- , classid. , .

MIME- .(Multipurpose .Internet .Mail .Extensions) . ., . . .-, . . . . . ., . . ., . . . . . . . . . .HKEY_CLASSES_ROOT . . .- . ., . . ., . . . .Content .Type . . .MIME- . .

4.11 classid codetype. 4.11. classid codetype

Windows Media, MP3-. , (. 4.12).

113

. 4.12. Windows Media

data , . , PARAM. , codebase. , .

type , data. MIME- . . -, - . type , - codetype. 4.12 , test.mp3 . 4.12. data type

4 .2 . . .

.4 . . . . .114

Java-, code Java-. APPLET.

4.13 .

4.13. Java-

codebase , , , . OBJECT , - .

, , , . OBJECT .

align, - IMG, .

:

left ;right .

:

top ;

texttop - ;

11

middle ;absmiddle ;baseline ;bottom baseline;absbottom - .

height width, . -, . , , , .

, hspace vspace.

OBJECT - , , - , .

PARAM , . , ; , - , - . , .

PARAM OBJECT , .

PARAM: name value. (), value .

PARAM - .

4.14 AutoStart, , URL, - .

4 .2 . . .

.4 . . . . .11

4.14. PARAM

.

. , OBJECT, . HTML BGSOUND. - , src ( ) loop ( ). volume, . BGSOUND - 4.15.

4.15. BGSOUND

4.15 test.mp3 .

11

, . , . .

4.16 , - OBJECT. 4.16. OBJECT

4.16 AutoStart Volume, , URL. PlayCount. 4.16 test.mp3 .

. . ., . . . . . ., . . . . . . . . . . . .BGSOUNG, . . . . ., . . . . .- . . . . . . . . . . . . . . . .

, , . OBJECT , .

4 .2 . . .

.4 . . . . .118

, . - . -: , height OBJECT, .

4.17.

4.17.

. 4.13.

, . .

. 4.13.

, . , , - . : -: .

119

. 4.14.

. 4.14.

.

. . .Windows .Media . . .6 .4 . . . . ., . .FileName . . .URL . .- .clsid . . .Windows .Media . . .6 .4: .6BF52A52-394A-11D3-B153-00C04F79FAA6 .

, , -, .

- , - . . , , , .

. . . ., . . . . . .- . . . . . . ., . . . . ., . . .

, , - . .

4 .2 . . .

.4 . . . . .120

Windows Media, .

, , . AVI . MIME- - video/x-msvideo.

PARAM. 4.18, -, . , 20. . , .

4.18.

, , .

, , - .

, - , .

, : Flash. , , .

121

Flash- Flash- , . Flash-, . - . Flash, . - .

Flash-. Flash- . Shockwave, . clsid:d27cdb6e-ae6d-11cf-96b8-444553540000, MIME- SWF- application/x-shockwave-flash.

, , PARAM.

4.19 Flash-. movie , . loop -, play . 4.19. Flash-

test.swf .

, , Flash , .

4 .2 . . .

.4 . . . . .122

Windows Media, RealPlayer, QuickTime Player. , .

.

Windows Media Windows, : , Windows, .

: 22D6F312-B0F6-11D0-94AB-0080C74C7E95. . 4.1. 0/1, 0 , 1 .

4.1. WMP

FileName URL-

AutoStart

0/1

ShowDisplay 0/1

ShowControls 0/1

ShowAudioControls 0/1

ShowPositionControls 0/1

ShowTracker 0/1

Volume

RealPlayer , , online.

: CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA. . 4.2.

4.2. RealPlayer

src URL

controls (. . 4.3)

autostart 0/1

4.3. controls

(, )

All

InfoPanel (, )

123

(, )

ControlPanel

PlayButton Play

StopButton Stop

VolumeSlider

PositionField

StatusBar

QuickTime Player - , MOV QT. , .

: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B. . 4.4.

4.4. QuickTime Player

src URL

autoplay 0/1

controller 0/1

-, - .

OBJECT , -.

OBJECT, OBJECT. :

:

4 .2 . . .

.4 . . . . .124

.

: , - 4.20.

4.20.

. 4.15.

. 4.15.

, OBJECT , .

12

-, Flash, . , HTML .

, , - - .

, OBJECT .

, ; - . , -.

5

5.1. 5.2. 5.3. 5.4. 5.5. 5.6. 5.7. 5.8.

12

(frames) HTML-, . - HTML-, . 3.0 . - , .

.

. , - , .

, , .

, - .

5.1. HTML- , , - .. HTML- .... cols rows. . cols , rows . , , . . , , cols (, cols="13,31,34"). rows -. , - .

(, cols="20,100,20" rows="30,100"). , - , . - , -

5 .1 . . .

.5 . .128

, .

, 1 100 (, cols="20%,50%,30%" rows="30%,70%"). , , 100, - 100 %. , , 100, .

(, 5*). . * , . - * (, cols="*,*,*"), . , - ( ). , rows="2*,*,*" , 2/3 1/3 .

, - FRAME, src -, . , . , - 5.1.

5.1.

4

. 5.1 , HTML-, 5.1. , HTML- Frame1.html, Frame2.html, Frame3.html Frame4.html.

129

. 5.1. ,

HTML-, . src, src="pic.gif". , FRAME - .

5.2. , (. . 5.1). , . FRAMESET, . - border. . , , no 0 frameborder. . frameborder yes 1, -, 0 no, . , - frameborder . . frameborder (), .

bordercolor , - .

5 .2 . . .

.5 . .130

5.2 HTML-, .

5.2.

4

. 5.2 , , 5.2, Internet Explorer. , bordercolor="#000000".

. 5.2.

, . , , FRAME (,

131

src=frame1.HTMLborder="10"bordercolor="#000000"frameborder="1"frameborder="yes">), , (. 5.3).

. 5.3.

5.3. HTML-. , - . - scrolling, :

yes , -;

no ;auto ( ).

5 .3 . . .

.5 . .132

, , (. 5.4).

. 5.4.

. . , - , , , . - , - . , . , , - , . , scrolling="no" . , - , , - .

5.4. . - . - . target . , -, name.

133

5.3 HTML-, - .

5.3.

4

. 5.5 HTML- ( 5.3), , : .

. 5.5.

, , target="frame2" (. 5.6).

5 .4 . . . .

.5 . .134

. 5.6.

, . :

target="_blank" ;target="_self" ;target="_parent" - , ;

target="_top" .

, . - target , . , , . target _top, _blank, - , .

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

13

5.5. . , , , (. 5.7).

. 5.7.

, noresize FRAME.

noresize . - . , , .

5.6. , - IFRAME.

5 .6 . . .

.5 . .13

, ..., . IFRAME , , . , : width, height, hspace, vspace, align, - IMG.

!

. 5.8 , .

. 5.8.

, IFRAME -. , - .

13

5.7. () , 10 . - marginheight marginwidth. marginwidth - , marginheight . , , , -, . - (), .

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

5.4.

2

HTML-, , . 5.9. , .

, . , , .

5 .7 . . . . .

.5 . .138

. 5.9.

5.8. , , -, .

.

HTML- , . - , - . HTML- .

- , . - . , .

- . , , , , - .

, HTML.

139

HTML- , . JavaScript - .

.

, -, , , . , , , . , , , , . , , - , -. , , , , .

- , , , . , .

, , . - .

- . - , -.

, , - . , , . , - .

, - HTML.

.5 . .140

. , , - .

- . , . -, . - , . .

6

6.1. FORM

6.2.

.6 . . .142

? . . , , , , .

, - , . - , , - .

, , , -, - , . . .

, .

. , , . -- (PHP, Perl), . , , , , - .

6.1. FORM FORM, . , -. , , .

, . , , -, .

action, . , , . , , ( ),

143

, . - , test.php, - 6.1. action , -, , , . - URL- - .

6.1. test.php, , . 6.1. action FORM

test.php , . , , , , : -. .

, , ? , . action , , mailto. enctype="text/plain".

6.2 , . , - , .

6.2.

6 .1 . . .FORM

.6 . . .144

, , . , :

_=__

enctype MIME- , - . , multipart/form-data.

6.3 enctype, .

6.3. enctype FORM

, - , .

method, , . - , . .

: GET POST. .

GET , - . GET

14

. , . www.mytestserver.ru/form.php?var1=1&var2=2. , ? &.

, -. , .

POST . , , URL, . POST .

6.4 POST, - .

6.4. method FORM

.

, , . name. - , .

6.5 . - .

6.5. name FORM

6 .1 . . .FORM

.6 . . .14

.

. . . . . . . . ., . ., . . . . ., . . . . . . . . . . ., . . . ., . . . .

, -, . target. , . , , .

target.

_blank ._self ._parent -. , - _self._top . , _self.

6.6 , .

6.6. target FORM

14

, , .

FORM : . - -.

, , , , . , FORM - , , .

6.2. . , , , . , , . , - .

INPUT INPUT. , . , , - .

, , , , type. , . . 6.1 , . , .

6 .2 . . . .

.6 . . .148

6.1. type

text

password

button

file

image -

checkbox

radio

reset

submit

hidden

, , INPUT.

, , - name. . . , .

, , . - , disabled. , .

value , . , , . . , , . : , .

, , value , . - , , . , - .

, . . .

149

, . , , . , .

TYPE="text". maxlenght, , . , ,