ÿþI D Z D O
I D Z D O
P R Z Y K £ A D O W Y R O Z D Z I A £
P R Z Y K £ A D O W Y R O Z D Z I A £
A B C H T M L
S P I S T R E RC I
S P I S T R E RC I
A u t o r : M a r i a S o k ó ³
K A T A L O G K S I ¥ ¯ E K
K A T A L O G K S I ¥ ¯ E K
I S B N : 8 3 - 7 1 9 7 - 8 3 5 - 9
F o r m a t : B 5 , s t r o n : 1 9 2
K A T A L O G O N L I N E
K A T A L O G O N L I N E
Z A M Ó W D R U K O W A N Y K A T A L O G
Z A M Ó W D R U K O W A N Y K A T A L O G
T W Ó J K O S Z Y K
T W Ó J K O S Z Y K
£ a t w y s t a r t d l a n o w i c j u s z y , k t ó r z y w k r ó t k i m c z a s i e s t a j ¹ s i ê p r o f e s j o n a l i s t a m i o r a z
D O D A J D O K O S Z Y K A p r z y s t ê p n e w y j a Sn i e n i e n a j w a ¿ n i e j s z y c h t e r m i n ó w : I n t e r n e t , H T M L , W W W .
D O D A J D O K O S Z Y K A
K s i ¹ ¿ k i M a r i i S o k ó ³ c i e s z ¹ s i ê p o d o b n y m z a i n t e r e s o w a n i e m i z d o b y w a j ¹ p o d o b n e o p i n i e ,
j a k p u b l i k a c j e L a u r y L e m a y ( H T M L 4 . V a d e m e c u m p r o f e s j o n a l i s t y , H e l i o n ) . I t y m
C E N N I K I I N F O R M A C J E r a z e m p o l s k a a u t o r k a d a j e d o w ó d u m i e j ê t n o Sc i p r z e k a z y w a n i a w i e d z y n a t r u d n e t e m a t y .
C E N N I K I I N F O R M A C J E
W k s i ¹ ¿ c e z s e r i i A B C , p r z e z n a c z o n e j d l a p o c z ¹ t k u j ¹ c y c h , z a p r e z e n t o w a ³ a m . i n .
n a s t ê p u j ¹ c e z a g a d n i e n i a :
Z A M Ó W I N F O R M A C J E
Z A M Ó W I N F O R M A C J E
O N O W O RC I A C H
O N O W O RC I A C H
Z n a c z n i k i H T M L .
K a s k a d o w e a r k u s z e s t y l ó w .
Z A M Ó W C E N N I K
Z A M Ó W C E N N I K
O s a d z a n i e o b r a z ó w .
T w o r z e n i e t a b e l .
R a m k i i u k ³ a d y r a m e k .
C Z Y T E L N I A
C Z Y T E L N I A
R ó ¿ n i c e p o m i ê d z y j ê z y k i e m H T M L , a n o w ¹ s p e c y f i k a c j ¹ X H T M L .
F R A G M E N T Y K S I ¥ ¯ E K O N L I N E
F R A G M E N T Y K S I ¥ ¯ E K O N L I N E
W i e d z ê t e o r e t y c z n ¹ d o s k o n a l e u z u p e ³ n i a j ¹ l i c z n e p r z y k ³ a d y i l u s t r u j ¹ c e j ê z y k H T M L .
D z i ê k i n i m s z y b k o n a u c z y s z s i ê t w o r z e n i a s t r o n W W W w c z y s t y m k o d z i e H T M L .
P ó xn i e j p o z o s t a n i e t y l k o r o z w i n i ê c i e s k r z y d e ³ f a n t a z j i , b y t w o r z y æ s e r w i s y , k t ó r e
z d o b ê d ¹ u z n a n i e i z a k t ó r e o t r z y m a s z w y m a r z o n e h o n o r a r i u m .
W y d a w n i c t w o H e l i o n
u l . C h o p i n a 6
4 4 - 1 0 0 G l i w i c e
t e l . ( 3 2 ) 2 3 0 - 9 8 - 6 3
e - m a i l : h e l i o n @ h e l i o n . p l
W s t p . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
R o z d z i a B 1 . I n f o r m a c j e p o d s t a w o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Z a c z n i j m y o d A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
O d h i s t o r i i d o t e r a zn i e j s z o [c i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
D e f i n i c j a t y p u d o k u m e n t u D T D . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0
Z a p i s y w a n i e d o k u m e n t ó w H T M L w e d y t o r z e i o t w i e r a n i e w p r z e g l d a r c e . . . . . . . . . . . . . . . . . . . . . . 1 1
T r o c h ¹ t r e n i n g u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3
R o z d z i a B 2 . I n t e r n e t , s t r o n a W W W i z n a c z n i k i H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5
W o r l d W i d e W e b i s t r o n a W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5
Z n a c z n i k i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 6
E l e m e n t y d o k u m e n t u H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 7
K o d o w a n i e p o l s k i c h z n a k ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 0
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 1
R o z d z i a B 3 . Z n a c z n i k i H T M L f o r m a t u j c e t e k s t
i n a d a j c e s t r u k t u r d o k u m e n t o w i H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 3
N a g Bó w k i i a k a p i t y t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 3
T r z y r o d z a j e l i s t . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 4
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 0
R o z d z i a B 4 . P o d s t a w y k a s k a d o w y c h a r k u s z y s t y l ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 3
O g ó l n e i n f o r m a c j e n a t e m a t k a s k a d o w y c h a r k u s z y s t y l ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 3
K o m e n t a r z e C S S . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 9
S t y l w p i s a n y . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 0
O s a d z o n y a r k u s z s t y l ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1
Z e w n ¹ t r z n y a r k u s z s t y l ó w . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 7
R o z c i g a n i e s t y l u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 9
W y d z i e l o n e b l o k i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 2
P r z y k Ba d y s t y l ó w C S S d l a t Ba s t r o n y W W W . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 4
A t r y b u t y s t y l u o d n o s z c e s i ¹ d o t e k s t u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 8
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 5
R o z d z i a B 5 . O b r a z y w d o k u m e n c i e H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 9
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 0
R o z d z i a B 6 . P o Bc z e n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 3
U n i f o r m R e s o u r c e L o c a t o r . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 3
U l o k o w a n i e d o k u m e n t u a [c i e |k a d o s t ¹ p u . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 4
D e f i n i o w a n i e p o Bc z e D. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 6
4 A B C j z y k a H T M L
D e f i n i o w a n i e p o Bc z e n i a z i n n s t r o n . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 9
Z a k o t w i c z e n i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 5
W i ¹ c e j o o b r a z a c h p e Bn i c y c h f u n k c j ¹ p o Bc z e D. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 0 9
P o Bc z e n i a z a r c h i w a m i F T P . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 5
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 5
R o z d z i a B 7 . T a b e l e H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 1 7
E l e m e n t y k o n s t r u k c y j n e t a b e l i . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 2
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 4
R o z d z i a B 8 . R a m k i i u k Ba d y r a m e k . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 3 7
N a j w a |n i e j s z e i n f o r m a c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 4 9
R o z d z i a B 9 . H T M L a X H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 1
D o d a t e k A Z n a c z n i k i H T M L i i c h f u n k c j e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 5 7
D o d a t e k B P o d s t a w o w e m o d u By k o d u H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 1
D o d a t e k C A t r y b u t y s t a n d a r d o w e . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 5
D o d a t e k D K o l o r y w H T M L . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 8 7
R o z d z i a B 2 .
W o r l d W i d e W e b i s t r o n a W W W
C o t o j e s t W o r l d W i d e W e b ?
W o r l d W i d e W e b ( w s k r ó c i e W W W ) t o s i e k o m p u t e r ó w n a z y w a n a p o p u l a r n i e I n t e r n e -
t e m . T w o r z j k o m p u t e r y z c a Be g o [w i a t a . K o m p u t e r y t e p o r o z u m i e w a j s i ¹ z e s o b z a
p o [r e d n i c t w e m p r o t o k o Bu H T T P .
J a k t o d z i a Ba ?
W s z e l k i e i n f o r m a c j e u m i e s z c z o n e w s i e c i z a p i s a n e s w d o k u m e n t a c h z w a n y m i s t r o n a m i
W W W . S t r o n a W W W t o d o k u m e n t u t w o r z o n y z a p o m o c j ¹ z y k a H T M L . G o t o w e s t r o n y
W W W z a p i s y w a n e s n a s p e c y f i c z n y m k o m p u t e r z e , k t ó r y n a z y w a m y s e r w e r e m .
S e r w e r t o w Ba [c i w i e p r o g r a m , a l e p r z y j ¹ Bo s i ¹ o k r e [l a t y m m i a n e m t a k |e k o m p u t e r ,
n a k t ó r y m z a i n s t a l o w a n o t e n p r o g r a m . S e r w e r j e s t o d p o w i e d z i a l n y z a r e a l i z a c j ¹ |d a n i a
p r z e s Ba n i a d o k u m e n t ó w d o t e g o k o m p u t e r a , k t ó r y w y s t p i B z t a k i m |d a n i e m . J e s t t a k |e
k o n i e c z n y d o p u b l i k o w a n i a d o k u m e n t ó w w I n t e r n e c i e . I n t e r n e t z k o l e i s t a n o w i s i e
k o m p u t e r ó w p o Bc z o n y c h z e s o b . O c z y w i [c i e n i e f i z y c z n i e . K o m p u t e r y m o g j e d n a k
k o m u n i k o w a s i ¹ z e s o b i p r z e s y Ba s o b i e d a n e , c z y l i i n f o r m a c j e . S t r o n y W W W s t a n o -
w i j e d n o z e zr ó d e B i n f o r m a c j i .
C o m u s i s z z r o b i , |e b y p r z e g l d a s t r o n y W W W ?
A b y p r z e g l d a s t r o n y W W W , k o n i e c z n e j e s t n a w i z a n i e p o Bc z e n i a z I n t e r n e t e m z a
p o [r e d n i c t w e m m o d e m u l u b Bc z a s t a Be g o i u r u c h o m i e n i e s p e c j a l n e g o p r o g r a m u ,
k t ó r y n a z y w a s i ¹ p r z e g l d a r k n a j p o p u l a r n i e j s z e p r z e g l d a r k i t o N e t s c a p e N a v i g a t o r
i I n t e r n e t E x p l o r e r . P r z e g l d a r k ¹ n a l e |y p o i n f o r m o w a , g d z i e m a s z u k a d a n y c h . I n f o r -
m a c j a t a z a w a r t a j e s t w a d r e s i e U R L .
1 6 A B C j z y k a H T M L
C o t o j e s t a d r e s U R L ?
U R L t o s k r ó t o d U n i f o r m R e s o u r c e L o c a t o r , c o m o |n a p r z e t Bu m a c z y j a k o u n i w e r s a l n y
i d e n t y f i k a t o r z a s o b ó w . J e g o p o s t a j e s t m n i e j w i ¹ c e j t a k a : h t t p : / / w w w . d o b r a s t r o n a . c o m / .
A d r e s t e n w p i s u j e s z n a j c z ¹ [c i e j w p o l u a d r e s u p r z e g l d a r k i ( p a t r z r y s u n e k 2 . 1 ) . P r z e -
g l d a r k a w y s y Ba d o k o m p u t e r a ( s e r w e r a ) , k t ó r e g o a d r e s p o d a Be [, w i a d o m o [ z a w i e -
r a j c |d a n i e s t r o n y . S e r w e r p o b i e r a o d p o w i e d n i e d a n e i p r z e k a z u j e j e w y s t ¹ p u j c e m u
o n i e k o m p u t e r o w i .
R y s u n e k 2 . 1 .
P o l e a d r e s u
p r z e g l d a r k i
t u w p i s u j e s z a d r e s U R L
s t r o n y , k t ó r e j z a w a r t o [
c h c e s z w y [w i e t l i
w p r z e g l d a r c e
C o p r z e g l d a r k a z r o b i z d a n y m i , k t ó r e o t r z y m a o d s e r w e r a ?
D a n e , k t ó r e t r a f i By d o T w o j e j p r z e g l d a r k i , s z a k o d o w a n e w s p e c j a l n y s p o s ó b s
z a p i s a n e w j ¹ z y k u H T M L . P r z e g l d a r c e t o n i e p r z e s z k a d z a p o t r a f i o n a i n t e r p r e t o w a
t e n k o d , w i ¹ c w y [w i e t l a p o b r a n s t r o n ¹ n a T w o i m e k r a n i e . J ¹ z y k H T M L i n f o r m u j e
p r z e g l d a r k ¹ , j a k m a o b s Bu |y p o b r a n e d a n e .
T a k w i ¹ c s a m w i d z i s z , j a k w a |n y j e s t j ¹ z y k H T M L . D o t r z e m y t e r a z d o j e g o i s t o t y
z a j m i e m y s i ¹ z n a c z n i k a m i t e g o j ¹ z y k a .
Z n a c z n i k i
J e [l i w y [w i e t l i s z k o d zr ó d Bo w y s t r o n y W W W , z o b a c z y s z , |e z a w i e r a o n s z e r e g p o l e c e D
j ¹ z y k a H T M L u m i e s z c z o n y c h w n a w i a s a c h k t o w y c h . T w o r y t e n o s z n a z w ¹ z n a c z n i k ó w .
J a k w y g l d a j z n a c z n i k i ?
Z n a c z n i k i s t o s o w a n e s z a z w y c z a j w p a r a c h :
, n p . . Z w r ó u w a g ¹ n a u k o [n i k ( ) , k t ó r y o d r ó |n i a z n a c z n i k
z a m y k a j c y o d o t w i e r a j c e g o . O d z a s a d y w y s t ¹ p o w a n i a z n a c z n i k ó w w p a r a c h i s t n i e j
w y j t k i . O t o n i e k t ó r e z n i c h :
f& z n a c z n i k a k a p i t u . W p r a w d z i e i s t n i e j e z n a c z n i k z a m y k a j c y ( ) ,
a l e p o m i n i ¹ c i e g o n i e s p o w o d u j e b B¹ d u w d z i a Ba n i u s t r o n y ; s t o s u j t e n
z n a c z n i k , a b y r o z p o c z n o w y a k a p i t .
f& z n a c z n i k n o w e g o w i e r s z a .
f& z n a c z n i k u m o |l i w i a j c y d o d a n i e l i n i i p o z i o m e j .
P a r ¹ z n a c z n i k ó w ( l u b z n a c z n i k p o j e d y n c z y , j e [l i n i e m a o n z n a c z n i k a z a m y k a j c e g o )
n a z y w a s i ¹ t a k |e e l e m e n t e m . E l e m e n t p o z b a w i o n y z n a c z n i k a z a m y k a j c e g o n a z y w a
s i ¹ p u s t y m . M o |e o n z a w i e r a j e d y n i e a t r y b u t y .
R o z d z i a B 2 . f& I n t e r n e t , s t r o n a W W W i z n a c z n i k i H T M L 1 7
f&
f&
f&
J a k a j e s t f u n k c j a z n a c z n i k ó w ?
Z n a c z n i k i i n f o r m u j p r z e g l d a r k ¹ , j a k w y [w i e t l i s t r o n ¹ n a e k r a n i e .
W i e l k i e c z y m a Be l i t e r y w z n a c z n i k a c h ?
N i e m a z n a c z e n i a , c z y z n a c z n i k i z a p i s a n e s z a p o m o c m a By c h , c z y d u |y c h l i t e r . O z n a c z a
t o , |e j e s t t y m s a m y m , c o . W a r t o j e d n a k z a c z p r z y z w y c z a j a s i ¹ d o
m a By c h l i t e r . S o n e z a l e c a n e w r e k o m e n d a c j i W 3 C d o t y c z c e j s p e c y f i k a c j i H T M L 4 ,
a w s p e c y f i k a c j i X H T M L s w y m a g a n e .
C o t o s a t r y b u t y z n a c z n i k ó w i j a k a j e s t i c h f u n k c j a ?
A t r y b u t y z n a c z n i k ó w d o s t a r c z a j d o d a t k o w y c h i n f o r m a c j i o e l e m e n t a c h s t r o n y , d e f i -
n i o w a n y c h p o p r z e z z n a c z n i k i . J e [l i n a p r z y k Ba d c h c i a Bb y [, a b y T w o j a s t r o n a m i a Ba t Bo
w k o l o r z e z i e l o n y m , w y s t a r c z y , |e p o i n f o r m u j e s z o t y m p r z e g l d a r k ¹ , d o d a j c d o
z n a c z n i k a o d p o w i e d n i a t r y b u t : . A t r y b u t d e f i n i o w a n y
j e s t z a p o m o c p a r y : i z a w s z e j e s t u m i e s z c z a n y w z n a c z n i k u
o t w i e r a j c y m d a n e g o e l e m e n t u H T M L . W a r t o [c i n a l e |y p o d a w a w c u d z y s Bo w i e p o -
j e d y n c z y m ( ) l u b p o d w ó j n y m ( .
E l e m e n t y d o k u m e n t u H T M L
P e w n e z n a c z n i k i p e Bn i s z c z e g ó l n e f u n k c j e . T w o r z b o w i e m p o d s t a w o w y s z k i e l e t d o k u -
m e n t u H T M L .
J a k a j e s t p o d s t a w o w a p o s t a k o d u d o k u m e n t u H T M L ?
O t w ó r z N o t a t n i k l u b e d y t o r W e b b e r i w p i s z w n i m n a s t ¹ p u j c y t e k s t ( w y d r u k 2 . 1 ) j e s t
t o p o d s t a w o w y , n a j p r o s t s z y s z k i e l e t d o k u m e n t u H T M L :
W y d r u k 2 . 1 . P o d s t a w o w y s z k i e l e t d o k u m e n t u H T M L
Z a p i s z p l i k p o d n a z w m o j a s t r o n a . h t m l , u r u c h o m p r z e g l d a r k ¹ i o t w ó r z w n i e j s w ó j
p l i k ( w y b i e r z w m e n u F i l e l u b P l i k w z a l e |n o [c i o d w e r s j i j ¹ z y k o w e j p o z y c j ¹
O p e n , O p e n F i l e l u b O t w ó r z ) . W p r z e g l d a r c e w y [w i e t l o n e z o s t a n i e t y l k o z d a n i e T o j e s t
m o j a p i e r w s z a s t r o n a W W W . R e s z t a t e k s t u n i e p o j a w i s i ¹ , p o n i e w a | s t a n o w i d l a
p r z e g l d a r k i k o d , k t ó r y i n f o r m u j e j , c o m a z d o k u m e n t e m z r o b i ( p a t r z r y s u n e k 2 . 2 ) .
1 8 A B C j z y k a H T M L
R y s u n e k 2 . 2 .
Z a p i s z d o k u m e n t
H T M L i o t w ó r z
g o w p r z e g l d a r c e
o t o T w o j a p i e r w s z a
s t r o n a W W W
J a k i e z n a c z e n i e m a j p o s z c z e g ó l n e w y r a |e n i a k o d u z w y d r u k u 2 . 1 ?
P i e r w s z y m z n a c z n i k i e m w T w o i m d o k u m e n c i e H T M L j e s t z n a c z n i k . I n f o r m u j e
o n p r z e g l d a r k ¹ , |e j e s t t o p o c z t e k d o k u m e n t u H T M L . O s t a t n i m z n a c z n i k i e m k o d u
j e s t z n a c z n i k j a k j u | w i e s z , j e s t t o z n a c z n i k z a m y k a j c y i i n f o r m u j e o n
p r z e g l d a r k ¹ , |e n a n i m k o Dc z y s i d o k u m e n t H T M L .
Z n a c z n i k i i i n f o r m u j , |e w s z y s t k o , c o z n a j d u j e s i ¹ m i ¹ d z y n i m i s t a n o -
w i d o k u m e n t H T M L . N o w s t r o n ¹ b ¹ d z i e s z z a w s z e r o z p o c z y n a B o d z n a c z n i k a
i k o Dc z y B z n a c z n i k i e m .
P i e r w s z y m e l e m e n t e m s t r o n y j e s t n a g Bó w e k . J e g o r a m y w y z n a c z a p a r a .
M i ¹ d z y t y m i z n a c z n i k a m i u m i e s z c z a n y j e s t k o d d e f i n i u j c y t y t u B s t r o n y . W |a d n y m
w y p a d k u n i e n a l e |y t u u m i e s z c z a t r e [c i s t r o n y !
Z a w a r t o [ n a g Bó w k a n i e j e s t w y [w i e t l a n a n a s t r o n i e W W W . Z w r ó j e d n a k u w a g ¹ n a
p a s e k t y t u Bu o k n a p r z e g l d a r k i , w k t ó r y m w y [w i e t l i Be [ s w o j p i e r w s z s t r o n ¹ W W W .
T e k s t , k t ó r y w p i s a Be [ m i ¹ d z y z n a c z n i k a m i , p o j a w i a s i ¹ n a p a s k u
t y t u Bu t e g o o k n a . S t r o n a m o |e m i e t y l k o j e d e n t y t u B, a t e n z k o l e i m o |e z a w i e r a t y l k o
t e k s t |a d n e i n n e z n a c z n i k i n i e s t u d o z w o l o n e . T y t u B n i e m o |e b y z b y t d Bu g i , b o
n i e z m i e [c i s i ¹ n a p a s k u t y t u Bu , a l e n i e p r z e s a d z t e | w o d w r o t n s t r o n ¹ , a b y d a s z a n s ¹
p r z y p a d k o w y m c z y t e l n i k o m z o r i e n t o w a s i ¹ , j a k a j e s t t e m a t y k a s t r o n y .
S t r o n a W W W m a o c z y w i [c i e s w o j z a w a r t o [. W p r z y k Ba d z i e u m i e [c i l i [m y j m i ¹ d z y
z n a c z n i k a m i . O n e w Ba [n i e w y z n a c z a j d r u g i e l e m e n t s t r o n y W W W
o b s z a r t r e [c i .
R o z d z i a B 2 . f& I n t e r n e t , s t r o n a W W W i z n a c z n i k i H T M L 1 9
f&
f&
f&
P a r a w y z n a c z a p o d s t a w o w c z ¹ [ s t r o n y t u t w ó r c a s t r o n y W W W
u m i e s z c z a w s z y s t k o : t e k s t , o b r a z y , p o Bc z e n i a i t d .
E l e m e n t y s t r o n y W W W c z ¹ s t o n a z y w a s i ¹ ( o d a n g i e l s k i c h n a z w z n a c z n i k ó w ) s e k c j
h e a d i s e k c j b o d y . P o t r a f i s z j u | j e z d e f i n i o w a i u m i e s z j u | w y [w i e t l i n a e k r a n i e
p r z e g l d a r k i t e k s t . P o r a , a b y [ p o z n a B n o w e z n a c z n i k i i n a u c z y B s i ¹ k o n t r o l o w a w y g l d
w y [w i e t l a n e g o n a e k r a n i e t e k s t u o r a z n a d a w a m u o k r e [l o n s t r u k t u r ¹ .
C o t o j e s t e l e m e n t m e t a ?
E l e m e n t z a w i e r a o g ó l n e i n f o r m a c j e n a t e m a t d o k u m e n t u . U m i e s z c z a n e s o n e m i ¹ -
d z y i n n y m i w z n a c z n i k u . N a j c z ¹ [c i e j s t o i n f o r m a c j e p r z y d a t n e p r z e g l d a r -
k o m l u b s Bo w a k l u c z o w e , w y k o r z y s t y w a n e p r z e z s e r w i s y w y s z u k u j c e ( c o r a z r z a d z i e j
j e d n a k ) . W z n a c z n i k u m o |n a n a p r z y k Ba d u m i e [c i a d r e s U R L , p o d k t ó r y p r z e g l -
d a r k a m a s i ¹ s k i e r o w a , a b y w y [w i e t l i n o w w e r s j ¹ s t r o n y W W W l u b o p i s d o k u m e n t u .
D o c z e g o s Bu | a t r y b u t y z n a c z n i k a < m e t a > ?
N i e k t ó r e s e r w i s y w y s z u k u j c e k o r z y s t a j z a t r y b u t ó w z n a c z n i k a p r z y i n d e k -
s o w a n i u d o k u m e n t ó w .
A t r y b u t y o p i s u j d o k u m e n t i d o s t a r c z a j s Bó w k l u c z o w y c h . I t a k , a t r y b u t o k r e [l a
s p o s ó b o p i s u d o k u m e n t u d o s t a r c z o n y w a t r y b u c i e .
O t o p r z y k Ba d e l e m e n t u , k t ó r y d e f i n i u j e o p i s s t r o n y ( ) :
O t o p r z y k Ba d e l e m e n t u , k t ó r y z a w i e r a s Bo w a k l u c z o w e , c h a r a k t e r y z u j c e z a w a r -
t o [ s t r o n y W W W ( ) :
P o n i |e j p r z e d s t a w i o n y z o s t a B p r z y k Ba d d o k u m e n t u H T M L , w k t ó r y m z a p o m o c e l e -
m e n t u u m i e s z c z o n o i n f o r m a c j e o a u t o r z e s t r o n y , d a c i e o s t a t n i e j m o d y f i k a c j i d o -
k u m e n t u o r a z o s t o s o w a n y m o p r o g r a m o w a n i u ( p a t r z w y d r u k 2 . 2 ) .
W y d r u k 2 . 2 . A t r y b u t y z n a c z n i k a < m e t a >
2 0 A B C j z y k a H T M L
J a k w y k o r z y s t a e l e m e n t m e t a ,
a b y s k i e r o w a u |y t k o w n i k a p o d i n n y a d r e s U R L ?
E l e m e n t b ¹ d z i e b a r d z o p r z y d a t n y , j e [l i z m i e n i B s i ¹ a d r e s U R L , p o d k t ó r y m m o |n a
b y Bo o g l d a T w o j s t r o n ¹ W W W . N a w y d r u k u 2 . 3 z n a j d z i e s z k o d H T M L , k t ó r y n i e
t y l k o p o z w o l i p o i n f o r m o w a u |y t k o w n i k a , g d z i e p o w i n i e n C i ¹ t e r a z s z u k a , a l e n a w e t
s a m s k i e r u j e g o w e w Ba [c i w e m i e j s c e .
W y d r u k 2 . 3 . K i e r o w a n i e u |y t k o w n i k a p o d n o w y a d r e s U R L
K o d o w a n i e p o l s k i c h z n a k ó w
J a k w y k o r z y s t a z n a c z n i k < m e t a > , a b y z d e f i n i o w a s t r o n k o d o w ?
P o p r a w n e z d e f i n i o w a n i e k o d o w a n i a z n a k ó w j e s t w d o k u m e n c i e H T M L b a r d z o p o |d a n e .
Z a l e c a s i ¹ , a b y p o l s k i e s t r o n y b y By k o d o w a n e w I S O - 8 8 5 9 - 2 , b o t y l k o w t e d y b ¹ d
p o p r a w n i e w y [w i e t l a n e .
K o r z y s t a j c z e d y t o r a W e b b e r , n i e m u s i s z s i ¹ m a r t w i o p o p r a w n o [ k o d o w a n i a s a m y c h
l i t e r t o j e g o z m a r t w i e n i e m u s i s z j e d n a k p a m i ¹ t a o w s t a w i e n i u o d p o w i e d n i e g o
n a g Bó w k a . A b y z a p e w n i c z y t e l n o [ d o k u m e n t u H T M L , m o |e s z :
R o z d z i a B 2 . f& I n t e r n e t , s t r o n a W W W i z n a c z n i k i H T M L 2 1
f&
f&
f&
f& Z r e z y g n o w a z e s t o s o w a n i a p o l s k i c h z n a k ó w d i a k r y t y c z n y c h t a k i e
r o z w i z a n i e p o s i a d a w i e l e z a l e t : n i e z a l e |n i e o d s y s t e m u z a w s z e w i d a z n a k i ,
a p o z a t y m w y r a z y n i e s p o d z i e l o n e d z i w n y m i z n a k a m i . M o |e s Bo w a n i e s
p o p r a w n e o r t o g r a f i c z n i e , a l e w z g l ¹ d n i e c z y t e l n e . Z d a r z a s i ¹ , |e p o t e n c j a l n i
c z y t e l n i c y n i e p o s i a d a j p r z e g l d a r k i c z y t a j c e j p o p o l s k u . W i ¹ k s z o [
p r z e g l d a r e k w P o l s c e z a p e w n e m a p o l s k s t r o n ¹ k o d o w , a l e n i e k o n i e c z n i e
t a k b ¹ d z i e g d z i e [ w [w i e c i e . D l a t e g o t e | k o d o w a n i e b e z p o l s k i c h z n a k ó w
j e s t d o [ d o b r y m r o z w i z a n i e m , p o n i e w a | n i e w y m a g a |a d n y c h s p e c j a l n y c h
z a b i e g ó w .
f& K o r z y s t a z k o d o w a n i a W i n d o w s - 1 2 5 0 k o d o w a n i e W i n d o w s z a p e w n i a
p o p r a w n e o g l d a n i e s t r o n y u |y t k o w n i k o m s y s t e m u W i n d o w s , a l e s p r z e c i e |
i n n e s y s t e m y i i n n i u |y t k o w n i c y . N i e w t p l i w i e z a l e t t e g o s p o s o b u j e s t t o , |e
u |y t k o w n i c y p o l s k i e j w e r s j i s y s t e m u W i n d o w s m o g b e z |a d n y c h p r o b l e m ó w
p i s a k o d s w o i c h s t r o n , k o r z y s t a j c z N o t a t n i k a . G d y z j a k i c h [ p o w o d ó w
z e c h c e s z z d e f i n i o w a w d o k u m e n c i e H T M L s t r o n ¹ k o d o w W i n d o w s - 1 2 5 0 ,
w p i s z o d p o w i e d n i i n f o r m a c j ¹ :
T a k i e r o z w i z a n i e n a l e |y j e d n a k o d r a d z a .
f& Z d e f i n i o w a s t r o n ¹ k o d o w I S O - 8 8 5 9 - 2 a b y z d e f i n i o w a w d o k u m e n c i e H T M L
t ¹ s t r o n ¹ k o d o w , w p i s z w e l e m e n c i e :
J e [l i z a d e k l a r u j e s z s t r o n ¹ k o d o w w t e n w Ba [n i e s p o s ó b , m u s i s z s k o r z y s t a z e d y t o r a ,
k t ó r y p o t r a f i p r a w i d Bo w o k o d o w a p o l s k i e l i t e r y t a k i m e d y t o r e m j e s t W e b b e r ( h t t p : / /
w w w . m a g s o f t . c o m . p l / ~ r s o k o l / ) . G o r c o p o l e c a m t a k i e w Ba [n i e r o z w i z a n i e .
N a j w a n i e j s z e i n f o r m a c j e
f& W o r l d W i d e W e b ( w s k r ó c i e W W W ) t o s i e k o m p u t e r ó w n a z y w a n a p o p u l a r n i e
I n t e r n e t e m .
f& I n f o r m a c j e d o s t ¹ p n e s w I n t e r n e c i e w p o s t a c i d o k u m e n t ó w H T M L , z w a n y c h
s t r o n a m i W W W .
f& S t r o n y W W W u m i e s z c z a n e s n a s p e c y f i c z n y c h k o m p u t e r a c h , z w a n y c h
s e r w e r a m i .
f& A b y p r z e g l d a s t r o n y W W W , k o n i e c z n e j e s t n a w i z a n i e p o Bc z e n i a z I n t e r n e t e m
z a p o [r e d n i c t w e m m o d e m u l u b Bc z a s t a Be g o i u r u c h o m i e n i e s p e c j a l n e g o
p r o g r a m u , k t ó r y n a z y w a s i ¹ p r z e g l d a r k .
f& U R L t o s k r ó t o d U n i f o r m R e s o u r c e L o c a t o r , c o m o |n a p r z e t Bu m a c z y j a k o
u n i w e r s a l n y i d e n t y f i k a t o r z a s o b ó w . J e g o p o s t a j e s t m n i e j w i ¹ c e j t a k a : h t t p : / /
w w w . d o b r a s t r o n a . c o m / . A d r e s t e n o k r e [l a u l o k o w a n i e s t r o n y W W W i j e s t
p o d a w a n y w p o l u a d r e s u p r z e g l d a r k i .
2 2 A B C j z y k a H T M L
f& D a n e , k t ó r e t r a f i By d o T w o j e j p r z e g l d a r k i , s z a k o d o w a n e w s p e c j a l n y s p o s ó b
s z a p i s a n e w j ¹ z y k u H T M L . J ¹ z y k H T M L i n f o r m u j e p r z e g l d a r k ¹ , j a k m a
o b s Bu |y p o b r a n e d a n e i n f o r m a c j e t e z a w a r t e s w z n a c z n i k a c h .
f& Z n a c z n i k i t o p o l e c e n i a j ¹ z y k a H T M L u m i e s z c z o n e w n a w i a s a c h k t o w y c h .
I c h p o s t a j e s t n a s t ¹ p u j c a :
.
f& W i e l k o [ l i t e r p r z y p i s a n i u z n a c z n i k ó w n i e m a z n a c z e n i a .
f& D o k u m e n t H T M L o t w i e r a z n a c z n i k , a z a m y k a z n a c z n i k .
E l e m e n t y s t r o n y u m i e s z c z a n e s m i ¹ d z y t y m i z n a c z n i k a m i .
f& P o d s t a w o w e e l e m e n t y s t r o n y W W W t o o b s z a r n a g Bó w k a i o b s z a r t r e [c i
( s e k c j a h e a d i s e k c j a b o d y ) .
f& O b s z a r n a g Bó w k a w y z n a c z a j z n a c z n i k i i .
f& Z a w a r t o [ s t r o n y W W W t e k s t , o b r a z y , p o Bc z e n i a i t p . j e s t u m i e s z c z a n a
m i ¹ d z y z n a c z n i k a m i . O n e w Ba [n i e w y z n a c z a j d r u g i e l e m e n t
s t r o n y W W W o b s z a r t r e [c i .
f& E l e m e n t z a w i e r a o g ó l n e i n f o r m a c j e n a t e m a t d o k u m e n t u . U m i e s z c z a n e
s o n e m i ¹ d z y i n n y m i w z n a c z n i k u . N a j c z ¹ [c i e j s t o i n f o r m a c j e
p r z y d a t n e p r z e g l d a r k o m l u b s Bo w a k l u c z o w e w y k o r z y s t y w a n e p r z e z s e r w i s y
w y s z u k u j c e . W z n a c z n i k u m o |n a n a p r z y k Ba d u m i e [c i a d r e s U R L ,
p o d k t ó r y p r z e g l d a r k a m a s i ¹ s k i e r o w a , a b y w y [w i e t l i n o w w e r s j ¹ s t r o n y
W W W l u b o p i s d o k u m e n t u . M o |n a t a k |e u m i e [c i n o w y a d r e s U R L , p o d
k t ó r y u |y t k o w n i k z o s t a n i e a u t o m a t y c z n i e s k i e r o w a n y p o o k r e [l o n y m c z a s i e .
f& S t r o n ¹ k o d o w I S O - 8 8 5 9 - 2 ( p o l s k i e l i t e r y ! ) d e f i n i u j e s i ¹ w e l e m e n c i e :
Wyszukiwarka
Podobne podstrony:
M Sokół ABC języka HTML WstępM Sokół ABC języka HTML Rozdział III Znaczniki HTML formatujące tekstABC jezyka html i xhtmlM Sokół ABC języka HTMLhtmlAbc All Of My HeartABC?ar Of The WorldPodstawy mówionego języka tybetańskiegowięcej podobnych podstron