Upload
murats33
View
68
Download
1
Embed Size (px)
DESCRIPTION
HTML_XHTML_CSS (Russian)
Citation preview
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 .
- -, , -, . , -, .
, [email protected] www.sigmaplus.mcdir.ru. , - .
, [email protected] ( , -).
!
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, , . , ,