: Web-. . FORM . FORM. . , . INPUT, SELECT, TEXTAREA. . JavaScript. JavaScript. HTML- . Web-. . : , , . , . HTML . . . , HTML-.
13.
:
:
HTML Web-, . , .. , . HTML- , HTML-.
, CGI-, .. , HTML, <FORM>. , .. .
, Netscape JavaScript. , , HTML- , . MicroSoft VBScript, Visual Basic.
HTML- , . (Dynamic HTML), , , (CSS), JavaScript HTML, (DOM).
Web-, . Java ActiveX, - .
HTML- Web-. , , .
|
|
, <INPUT>. , VALUE .
<FORM> <FORM>, METHOD
METHOD - . :
GET: URL, . CGI- (CGI-) QUERY_STRING. GET .
POST: URL. CGI- . ; CONTENT_LENGTH , . .
ACTION URL, . URL CGI-, .
<TEXTAREA> , ( ). , <TEXTAREA> . </TEXTAREA> , .
:
NAME -
ROWS -
COLS -
, - , <TEXTAREA> </TEXTAREA>.
:
:
Form , , :
1. 5 - 15 , 4 - 12, 3 - 8.
2. 5 4 6 ( : , , , . .)
3. , ( ) , ()
4. : , , , , , ,
5. HTML : , ( : , , , )
6.
7. .
:
1. Web-.
2. .
3. FORM .
4. .
|
|
5. INPUT. SELECT. TEXTAREA.
6. .
7. , , .
14.
: .
:
STYLE . , , . , . CSS. , , , <STYLE> </STYLE>.
. , .
:
:
1. CSS-P?
(absolute)
(relative)
(base)
(local)
(server)
(application)
2. ?
c
Web-
3. Y ?
4. ?
5. ?
,
6. ?
position-x
position-y
left-top
bottom-right
top
left
bottom
right
7. ?
width
left-right
right-offset
top-offset
height
margin
padding
8. CSS-P JavaScript-?
9. CSS ?
10. ?
style
- STYLE
-
JavaScript CSS
11 ?
LINK
"@import(url)
style
12. ?
<p style="text-align:justify;">...</p>
<p class="text-align:justify;">...</p>
<p id="text-align:justify;">...</p>
13. :
body {left-padding:20px;}
div {left-padding:0px;margin:5px;}
p {padding:5px;}
...
<body>
<div>
<p>
...
</p>
</div>
</body>?
20px
10px
30px
|
|
14. padding IMG?
,
15. CSS-P?
(absolute)
(relative)
(base)
(local)
(server)
(application)
16. ?
c
Web-
17. Y ?
18. ?
19. ?
,
20. ?
position-x
position-y
left-top
bottom-right
top
left
bottom
right
21. ?
width
left-right
right-offset
top-offset
height
margin
padding
22. CSS-P JavaScript-?
23. CSS ?
letter-spacing
font-size
font-variant
line-height
text-indent
24. ?
IE , NN
25. ?
26. CSS ?
text-decoration
text-transform
text-align
font-family
font-style
27. - :
<u>...</u>?
<div style="text-decoration:underline;">...</div>
<span style="text-transform:underline;">...</span>
<u style="text-decoration:line-throught;">...</uv>
<span style="text-decoration:underline;">...</span>
28. : <span style="text-transform:capitalize;">...</span>?
,
,
15.
:
:
, HTML
, :
, ( , , , );
( , );
|
|
;
, .
, :
( );
;
-;
, , , .
( , , , , , , ).