Учебник по html для чайников
TRANSCRIPT
steps/11step2.html
/ Html / Html. 11-.
Html . .
11-.
, , , . . align, . align :
, , . ( , ) right:
: ( ) - (1), - (2), - (3):
(1) -
(2) -
(3) -
align :
(1) -
(2) -
(3) -
(4) -
(5) -
(6) -
.
(1) - vspace - ( ). . Pixel - , . , 800600 - 800 600 . 10 .
(2) - hspace - , . . 30 ().
(3) - alt - . , () , . - " ". alt , . , (, ), .. , . alt ( ), .. , alt, , .
(4) width - ( ). , ( , ).
(5) - height - ( ). width (height) . , , , ...
(6) border - ( ). . , , . , border .
, , . :
, , - 30 , - 5 ( ), , , - " ".
, .
! :)
() , , , , .
, ? :)
() . , , . , :)
, - c, , ?:) , :)
()
, , : .. - , - :)
, (+ ), , (, ). , () , , (. , , ).
, , . :
background , , , (), .
bgcolor, background? (, ), .
, .
>
steps/12step2.html
/ Html / Html. 12-.
Html . .
12-.
, .
, ,
, (.. Enter, ).
- clear. ? , - (, ):
. , . , , . . ", !" , , : " . ."
, " " , ", " - . , ,
. () , ,
, . , , clear:
. , . , , . . ", !" , , : " . ."
:
. , . , , . .
", !" , , : " . ."
clear - all, left, right.
All - . Left - , . Right - , .
clear="left", .. .
. - "!" , , , .
>
steps/14step2.html
/ Html / Html. 14-.
Html . .
14-.
(e-mail), , , .
, (, ):
. , - , .
mailto :
- ?subject= c
- &Body=
- &[email protected],[email protected] ( )
- &[email protected],[email protected] ( )
:
, - :)
, - : " , ?". , , , , :)
Html (3.2 ) , , , (IE 5.0 NN 4.x ). Html 4.0 . , , - title.
title ( ) , . , , :
-
"-", , Html 4.0, .
, , Html 4.0, title (, , .. ).
, " ACRONYM' " " Html ", , :)
. .
>
steps/15step2.html
/ Html / Html. 15-.
Html . .
15-.
, . , , , :
, :
, primtocodephoto.gif (prf.html):
, .
! :)
() , , , , .
, ? :)
() . , , . , :)
, - c, , ?:) , :)
()
, . primtocodephoto.gif . ( , ): . , , , border="0" ( ).
, . , .
, : " ?
bordercolor, :
, , , , border ( ) , .
, , , body link, vlink, alink, .. bordercolor .
: ?
, . , , , . - , .. , . " , , :)
, , :) - .
>
steps/16step2.html
/ Html / Html. 16-.
Html . .
16-.
, , *.html, (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe .:) ? :
, ? , . .. (*.doc, *.txt) , , *.html , . ? , :)
, , , , :
, index.html, , . .
, , , : , . ? : ( small.jpg) ( big.jpg):
. , ( -) ? , target:
, target="_blank" - , ( ), , . , .. , .
, , , , .
>
steps/17step2.html
/ Html / Html. 17-.
Html . .
17-.
, . , , .
, , , , () , , - . , , , , .
, , , , , , html, :)
, .
. () , ( ) , (.. - ).
...
:) ( )
. :
- (240140 ). , 1 2, , - - , - - . ( , , ), , - , 1 2 () .
, , , , , , . shape coords.
shape - : (shape="rect"), (shape="circle") (shape="poly"). , :
coords - ( ). .
"! !" - , - " ?" - , :)
, . , (0;0). , - - . coords :
1 :
x1=25, y1=36, x2=114, y2=98
, :
, , href:
, , , .
name - , - karta1:
, , usemap="#_" :
... , ...
( 1):
2 (x1=153, y1=11, x2=219, y2=127), , .
>
steps/18step2.html
/ Html / Html. 18-.
Html . .
18-.
, . :
:
(x y) (R) . .. :
, 1. : x=46, y=48; - R=35. :
, , , , :
... , ...
, alt , , , alt:
... , ...
1 . " ".
, ( ):
(x=158, y=75, R=53), . .
>
steps/19step2.html
/ Html / Html. 19-.
Html . .
19-.
, , .
--! :) ?
. ( ), , ( 2, ?). poly, , .
2, (, , :).
:
:
: " (x1,y1), (x2,y2), (...), (xN,yN)". .. :
:
, , ( ):
... , ...
, ( , ):
() - x1=54, y1=20, x2=109, y2=20, x3=147, y3=58, x4=109, y4=96, x5=54, y5=96, x6=16, y6=58.
, :
1 - , :
... , ...
2 - (, ). , , , (.. , ).
3 - , usemap=#KARTA, (name) karta - , .. karta KARTA - . , .
4 - , , , - , , .
, , :)
>
steps/1step2.html
/ Html
- Html
, , HTML. , , .
, , , , .
, , - . , , . - , .
. : http://postroika.ru.
HTML 4.01 ()
HTML-.
HTML
Html
Html
World Wide Web Consortium
steps/1step22.html
/ Html / Html. 1-.
Html . .
1-.
, .
D:\ \
D, . , , , , , . notepad (start programs accessories notepad ) :
, .
! :)
()
, *.html
D:\ \index.html
: " , *.html", , , , *.txt, *.html - . , .
, -> (File -> Save), , , *.txt. :
- -> (File -> Save as)
- , : index.html ( index; *.html ).
- , *.html, -> (File -> Save).
. , .
, , Internet Explorer ( , ), .
- - - (index.html)
File Open Browse index.html
- *.html ( ), , , , . , , - - , .
, , , :)
: 2- >>>
steps/20step2.html
/ Html / Html. 20-.
Html . .
20-.
. : , - , ( , ). . .
- name ( ) A:
, " .
".
, , . : " " - . : " " - . , , . , .
... -- 1...
... -- 2...
... -- 3...
()
( , , ) , A - name:
, , :
- - (#) , , . , :
-
-
( , + )
- - id, () ( Base, Head, Html, Meta, Script, Style, Title). id, , H3 ()? .
, " .
".
, , . : " " - . : " " - . , , . , .
... -- 1...
... -- 2...
... -- 3...
()
, , , ( ).
, :
...
...
, , , , , , ( ), , .
. . , , , , .. .
, .
>
steps/21step2.html
/ Html / Html. 21-.
Html . .
21-.
, , . . , . : , (, , , ). , (, , ).
:
, : (), .
-
- ()
, (). . , . ? :
. . ():
, , , , .. , .
, :
1x1
1x2
1x3
2x1
2x2
2x3
, - , (12 - , ). . , , :
1x11x21x3
2x12x22x3
, ( , ) . bgcolor="_". , , ( ). .
1x1
1x2
1x3
2x1
2x2
2x3
, :
, bgcolor :
, bgcolor :
, , , .
( ). , .
>
steps/22step2.html
/ Html / Html. 22-.
Html . .
22-.
, , :
:
? , :) height width - , , (). , . ().
1x1
1x2
1x3
2x1
2x2
2x3
: - (), ? : - , , , () :) -. , - , ( - , ()).
, () , ( () ).
, height width :
30 , , , 70 , .. 70 . ? : 100%. : 100 30 = 70. :)
: , :)
() :
1x1
1x2
1x3
2x1
2x2
2x3
... !:)
, () , .
, , align, . :
2x2
, align right left. justify align . align ( , ).
, (+ ), ( - ). .. , () - .
.
>
steps/23step2.html
/ Html / Html. 23-.
Html . .
23-.
, , , , :).
, , .. , , ( ), . - valign="middle" (top, bottom) - ( ):
, . , :
1x1
1x2
1x3
2x1
2x2
2x3
valign , , , . valign , , , :).
, , align, , valign , , , .
>
steps/24-2step2.html
/ Html / Html. 24-2 - .
Html . .
24-2 - .
, . , , . :)
:
13 .
1x1
1x2
1x3
2x1
2x2
:
1x1
1x2
2x1
2x2
, .. , , . , . , .
>
steps/24step2.html
/ Html / Html. 24-.
Html . .
24-.
colspan rowspan. Colspan - , , rowspan - ( 2 , .. ()). , , .
, 11 (). colspan="2", 11. :
1x1
1x2
2x1
2x2
2x3
, 11 . , (100 ). width 1x1, , width . , , 13, .. , 11 , colspan.
13, :
colspan rowspan. , ., colspan, rowspan. :
(, 23). ( , ):
, . , .
>
steps/25step2.html
/ Html / Html. 25-.
Html . .
25-.
, :
, , ... ... , , :
cellspacing, :
1x1
1x2
2x1
2x2
, , cellspacing="5", :
, , , .. .
cellspacing, cellpadding, , , . , , - , valign:
cellpadding="5":
( , ). , . , cellpadding ( - , ). , - ( ):
1x1
1x2
2x1
2x2
, .
>
steps/26step2.html
/ Html / Html. 26-.
Html . .
26-.
, . ? - , , ... .
, , - , :
. , , . , , . , , :
65%
20%
.15%
, , (), ( ). :
. , , . , , .
, , :
65%
20%
.15%
, , : . . . ( , , ), ( , , , ).
, , : background=".gif" - bgcolor, (, ), background (, ).
: (bgcolor="#ffffff"), , (background="white.gif"), . , , , IE (Internet Explorer) bgcolor , , , background.
: , background , :). :
, . , ( , , ). . , : . - , .. , , 11 .
, , . .
>
steps/27step2.html
/ Html / Html. 27-.
Html . .
27-.
, , . border. 3 :
. :
. :
.
( ), cellpadding, , , . , , cellpadding, , (bgcolor="#000000", ) .
:
...
, . , , () . : ( ). , (, ).
, , , , , , , , , , , .
, , , , , , , , . :)
- , , , Html, .
, , , . :
IE NN
, ( ). , , , , , .
, , .. , .
, , Internet Explorer , , , . , : - 800x600 1024x768.
, , , () -, , (-, , , , , ).
( , ): , . : , , , .
, , , , :) .
, , , , .
>
steps/28step2.html
/ Html / Html. 28-.
Html . .
28-.
, , :
1x1
1x2
2x1
2x2
, . , , :