Cmo hacer buenas pginas web

Septiembre 2004 (actualizado hasta Jun-2005), Daniel Clemente Laboreo. Licencia FDL.

ndice

e n m l d d ( l d l ) l b l C i i i i i i L t t t t o n a m e n e o p g n a s c n a m e n m a s e a s n s q e r a s e m p r e s a g o r a s e s a n o s c p a e s o n u v u v u . b d b h d i i C S H T M L t t e m a s e r s q c n s a e r p r o q e o r o a c e a o s c n o a n e u u u u x . , , w l d ( d b ) i i H T M L t t h h l l l h l ] / / i / / o o n o r s c o e a p r n e a n e s c m o r n a e s n o q e t t t t u p m c o n a s e n o r a m u : , . E n w [ d b l l h i i i i " " I t t t t n e a s e r m a n a e n c o m p o r m e o p r o q e a p o p g n a s n e r p c a c o a c e r n a u u u u x E b l d l i i 4 0 1 S i i j j H T M L t p g n a e o a g a s a c q g o r s e n g m o r s v v u u u u . , , , f X H T M L c o m s s z . , l d d l d l d l i i i i i i t t t s o e p r o e n o o q e g o a q e s m o p n p e r o e r s q e c o n c e c o n a e c a q e r a q e n e n a e y x y u u v u u u u , , N l l d l d b l b h i i i j i i P t t e m a r m s e c s a m p s p e a r n a n o a p s a s r o n c z z u ., , w , . ld d ( d ) i j i i P D F t t t t d h l ] h l ] h l d f ] i j o c m e n o e s p o r s e c o n e s o n o o e n p e n s a o p a r m p r m r u t u t t t n e m n o m m c o r e c o p x u . , , . . . E [ [ [ _ h b b C d h l ] i o a c r e n a p g a u n e m x . w [ d l I l ] # e a s g e n a s g e r a s [ d d l d 1 i t n q e p o e r r n o s o n a e g a o r e s u v v . U w t d l S i i p r e c o o s o 2 l d l d i i H T M L t c g n q u 3 E b l d 4 C S i t a m e n q e s r o u v . l d S i t r p s e n s e r o r v 5 b l d i A b ] i # c e s a a c [ d h d l d 1 i t c o n o a p e r e g a r o s . E l ( ) i i t e s p e m s o s c g o s m o p e s y 2 R d b t d ] # s n a r t e n r e E w [ 1 Q ? s n a u u . l h i ? n o a c 2 l l i V a e a p e s e g r o s u 3 4 Q i p s n o s e n u . f l ( l ) i A t t g n a c m r a s q e a g e n s e c r e u 5 l d l h h l b i i " " t e m r e a n o m p o r a a s c o s a e n u y E 6 l d d b i i L " t o s n s o s o . 7 w d l d I t a e r n e s n o m o s x u 8 E f l d i i i " M t c r o n o a s a s e o a r e s v 9 d ] # a e g a o e s v n e g r e s v N [ l h d h 1 t a c n o y y ; . N l l l d i i 1 0 % t t n g o m p m n a o s e n a r e s u 2 f d i i c a g s a p g e s p c a p n a e g a o r u u v 3 f l ( ) 4 M s c a e r s q a g n s c u . h d b i i " I " o n n n a o p e e r c o n y u v 5 N E d b l d j I " m e o r s a e p r o q s m s a o u u u 6 E w E b S H T M L b h l ] # o r e t s e m [ _ l 1 Q ? H T M L u . i ? H T M L s n e c a r o s a r u 2 E b h b ? s e p a r a c e r n a e u 3 w f l 4 i e c . i ? H T M L t s c r c o e c o 5 E d C H T M L r o u 6 d ( ) i I m e s n a e c n u . 7 U R l h l i ? t t t m m n e o s a r o s o x v : 8 E h h f H T M L e c o 9 d i V l ] # e r s o n s t e m v [ _ h 1 C ? i ? m q e a r s o n e s u y . , H T M L 2 X 3 4 .S

 l C i j ? e o c m o u y . , 5 C S b ] # s o r c s [ _ 1 P a q s r e u v d b l C i H T M L m o p e c o m n a r s e c o n e . 2 F t r a 3 d 4 C S D n e r n e r l i j V a o s m p o s . 5 b d l b d l C i t m a e c e a s a r s e s p a m e n o z 6 C j H T M L h ] # o n s e o s t n m [ _ l b l 1 i O C L D T Y P a p r r e a e . E b d b i t t c a s c e n a u u 2 E w l l t o m m p o r , 3 b d l l 4 i i i t s r e a q s e n m n s c a s u . b ( ) d C i t e a o q e a c o c e p o n e e n o r e n u x y , 5 l d i L t o s m p r e n r a u , 6 f l d ( h i j t s p c a e g o a e s r s . 7 E f t o n > e s u 8 N < d i d d i D t t t t s p a n > v > a r o m a n r o e o n o e p g n a y u z x u z : 9 < < l b f 1 0 i t r p > s p a s v : . , E < h f l b h n p a r a c e r m r g n s c e ; N & i t t c e n > n o e e x 2 < l b l i 1 i i t t t a g n a r o s e u x . 3 E 4 o s c s a r i b C S t m s r o n g > > > > > u s e n o u y . , , , , 5 N < < < < < d l l d ( ) 1 C i & i i I a o c n o e n a s r e c o n e . 6 U R h i A t p r a s a s v 7 f l i d i I t c s e n r e m o : 8 i l l 1 i t t s c r p e p e a n g a e > y > y u r e q e r n n o y u . , 9 < < b b 0 2 3 L 1 > > a a c a s s p r c c r a s . , , , 2 h < h < h b d b i t t t o y n o e c a o s l C H T M L t n c e q e s u . l i k i m a r n > > s n u 2 3 N < < l C ] # o r e s o r [ l d 1 S i t p n e n o p o s o s u . , d l C S T s 2 f l i F t o r m a o p a r e c a r c o r e s 3 h d l l 4 i n e e c m a n e x v . E # I ] i # m g e s g n s [ 1 C o a r u u f i F t o r m a c o s . 2 l b l i i P t t t a n s e m p e a r o u 3 l l h i l 4 t t e e o q e p s r e r a n s e a c e o n x u E l h b d C S a r n c o r u y . , 5 U l ] # n a c s n c e s E [ b d l ( l ) 1 i L t t t o a o e s o s a e o e n c e n a u v u t a c r p o x . 2 U f d d l ( i t t a r g e s p c q e n n a c u 3 N l l l 4 S i L " " J t o n a e s o n a c r p o s n e c e s n o r m a e s v b l T b ] # a s t a [ h f l 1 C i t o c n . d b l t r c r a e a a u u 2 E b l d b i i i i t t t t a e r > > > n n e c s a n r o s u 3 N < < < F f ] # r a m e s m s [ h f l 1 t o c n a . ( f l ) i i I n c e e s r a m e s a r e v v 2 d d d j i " V " t t e a s o s m e n a s , 3 4 Q t r n c e s u . d f C n o a r a m u 5 S i J t ] j i # a c r p v a s c p v [ l d 1 i M t e r s e n s e r o r v . h d h d l i i L t o s c p a n a c c s a c m o a s p a r e s a r o u 2 l Q i e a o c o u 3 h b f 4 i g s r s e r s n n g . N w la h F f l ] # s a s [ l 1 i C S H T M L t o e p a a o u u d l h i i H F e r o p c o n e r n a n m a c n e a s v u . 2 l h C F n o s a s u u 3

Ideas generales

J ] j # a v a v [ d b 1 C J n o p n e r a e n a e u v u . w d b d l i i i i L t t t t a s c a r c e r s c a s e n a e e n c o n s r a s o n a s g e n s u u u : w d d f d l l b f h i i i i i i Y t t t t c a n o g o e n o s m e r e r o a o s n o s o s m s c o m n e s s e m s o n a o m s e a s o r a s o r a u u v . , , , t E l b d b i i i i p e r o q e r s a e p o n r e c a q e r e c n p r o e m a u v u u . h f l d l l l l i t t t s e s m c o m c e q e p a c s o q r o e c a n s e r c o u y u x u . , E l d h l h b d l d d l d i i L T t t a r e g a e o r q e a q e s g r a a c e r n a e o s o n a e g a o r e s p e n m o s r a e o e n a p g n a u y u u u v u x u . , w l f l h d i i i i S i i t t t t p e o n s n s p o r n m e n s o s m a c n e m e s o c c a e c o n s g e s a c r o e s o u u . , , , ( d d ) l d l b l l i i t c n p a n g o r a s g r s q c q p a r p g q p r e m v v z u u u u u , , l d b d i Q i i t t q q a s n m q s c a g o u v v y u u v v z . . , , w l l l d i i L t t a c e p a r s e p r e c o e o e s e o e s e g r e s o p a s o v u : b d l d l b l d d 1 i i i i i t t t t s r o a s r r a c a c n a n r e c p a r s e p o r e s e o s o c n s e n o s p a s o u y u : . . , E w E b ( l l b f d l ) i t t t e s c r e o s p r s r a s e o o q n g q c n a x y u u . . , , l l h d l S i i i H T M L t t t t t t t p n o e c r e o m n c a a q r e n e o u u x u y y u v x ; . b d i " " t t t p e n s a e e p o o s a c e c r a e s o s e c u . , , , b l ( h f ) b d ( h d ) l f h i i i C S j i " t n a e a c g a r a r a e a s s c r e n s o n e n c r o a s o v z u v z u . , , 2 U t a p r . l l d l l d l d l d d l 1 i i S i i i i 1 t s o e s p a r e c o n e o e p a s o p a r e s e o a g e n s e p e r e s e o s e q e a e n p a s o c o n a u u u ; : . , E 2 b d t t e r c r n u y . w l d l b d l d d l d S i i i i i i i i Y t t t e g o q e s a r m s c o s a a e a n o e n s q e p r e o c p a r e s e o c e r s a e c a n s e s e o u y u u v v : . , , w d d l b i i i H T M L t t t t p e s c r a o r n e n q e r e c g o a c n s q s c r u u d l l d C S M H T M L a e n e p c o q s o x u y . d f b l d l d l i i i i i P H T M L t t t t t a r q e o n c o n e e n e n s q e s a r e q e n e n e n o s n a e g a o r e s n o e q e e n e s u u u u v u v . , , d l l f d l d j i h h l ] / 3 / T R 4 0 1 / o a s r e a s e p c a c o n g c m p a r a s c o n c g o p e r o e s u t t y u p r g m w w : , . [ f h l d d d l ( l d ) i i i C i H T M L W H T M L t t h d ] i 3 / m s c q r a m e n s m o e a a o r e e e s q e r e e s n a u v t t u p a o r o r g v w : . . [ d d l f h l i i i i i L t t e p n e c n p g a n c e r e s c o c e q e r o e s e n n u u y u u . , h d b d b l b d f l d l d l i i i i t t o a g s e o e p r o a r e n r o s a e g a o s a r e n a p a a e s e r s e c g o a a e n e s v v v v v v v ; N l d l d l b d S i i i i H T M L t t t t o n a s g a e o m s r n e n p o r q e o s e n e n e n v u . . , , l l d l b l l d d d l C S j i i i i C S C W t t e s o r e n g a e s n o c o n c e s p e s e q o c a r e a e s c r o a a o r e e u y u u v v . , E 3 d l d b i i i t t t t h l d ] / j i 3 / i / e r q r o a g o n e e r o e s q s c o r c o p o r q e a m n s o n t t u v y v u u p g a c s o r w v : , , . [ l C S e o s q n e s g n u . l b h l h l d S i i i i i i j i j i t t t t t t a e s n e r a c a e n p r o g a m a s q e n c e s a n a c e r c o s e m c o m e o r s e c a n e s e r o r v y u u u u v , , w d l d l d j i C G S i S i i i P H I J J t t t s n o n g o m o m e n e a p a p e a o a q a c o s a p r c a p e u u u v v u y u . , , , d d lv lw b t tv e r s g r o q n o s s r g e . s

Una web se tiene que poder ver en todos los navegadores Separa el contenido del diseo El cdigo HTML tiene que ser vlido El cdigo CSS tambin tiene que ser vlido Scripts en el servidor

Accesibilidad

Estndares web

d lo ls la f d la b ip id ic ib is L t o e s c r s e n e r o r e s n a o r m a e a s e g r a s e q e r c a n m a e v u u . w h b l h d b l d b l d f l d d S i i S i t t t e a m c o e a c e s a s a a o n e m a s m e n s o p e r o c e s e n e e r u y u u y x . . , ( l d l ) i i Y e s e o p a r e q e q e r a u u . , b l b d d b b l d l f l i i i i i i i P t t a s q e s p n c o n e o s e o e s e n n a p g n a e s a c e s e s e p e e g a r c m e n a u y u u u . , w d ( l l b d ) d d d i i i P t t t t t s c o n e o a q e o q e a e e o r a n n n q s r e s c o o r a r g o m n s q e s u u u u v . , w f l h f d l d i i t t a r s n n n q p e c m a c o g a o r n g y u u u v . , l d b d d d b C i i i i i H T M L H T M L H T M L t t t o m e c o n e o s e s c r e n o s o n e g r e s n e n e n c o e s c r e n a e s c a s y v u y , d h t c . h b l d b l d l l l d l S i i i i " " t t e m p r e q e s a e a c e s a s e p c a q e o s c e g o s a n e c o r e p a n a q e s n p r o g a m q e u x u u u u u u , l d l l l l d d i i i i P t t t t c o g o n o n o a o r s p n p c s m g n s s o g o a m o c c e n a s x u y v z x y u . , , w h d i i t t a c o s c a m o s n p e r y h b l d l b l d O i i i i j i P t t r n o n e g p e r o n e c s a n a c e r c a m o s e n a s p g n a s p a r p o e r e r a s e n o r e m p o p e n e c s a r v u . , , f l l d l d ( d h i t t t t t t n c o a s e r n s c r o g r n e p r r e s m n c o q a c s e s s m u u u y u v u . , , E h d d d ) l f d d d l i t a s e r a o q q m e s s r o o m g n e a q p r u u y . l l d l d l d f l l l d f i i i i i i i A t t t t t p a e e s e o a r o p e c m e n e s c a r s e o n c s o s a r s s e o a o r e s c r o x u u u u u v , , f h f l d l d i C S i i t t e n c r o s n q n r e n c o n c c o n s o r g n e a p g n a u u . , l b d d d d d l l i i ? S i i i i i i H " Y t t t e o a c o m e a r o s s p r e o e s o e a m q m m o r n o s c e g o s m e n o a r g a u v v w l d l f l Q i 0 i ? i G i ' " B t t t e s m e p r s n e n r a n o c g n p o r c e n o e n o p e s p a r r a n o r a c e s c e g o u u u v u . . . , , , 5 b b d d l C i i S J t t t a n e n r p a a s a s e a s n p e r g n p s s c p n u u u u v , , , w l l d h h l i i F r p n c n r q r g n a s q m u . E h b l b l d b i i i i i i j t t t t t o e s m n e c a r s o r e p g n a s e p c a m e n o e s c e g o p e r o e n c o r a s e n o s c o n s e o s e n s e u , N l b d l ( l ) l d b l i i C G 1 0 L ' B W A t h d d ] h b h f b ] / i / / i / / n c e n a a r o r p a r y v y t t p e p a c r m o w y w y : : . , . . . [ [ n g . d l d d l d d l i L I t t t t t t o e o s e n a r e s p e s e r c o m p c a o e n o r s c a m p o s p e r o p r s e r e n e r n e s o m c a r o u u u y : , d ( d ) l d l l h l d d l d l l l i S i t t t t t n e s n a r o s a n a r e s m o e o a s e g r a a c e r a g o n o c m e n o s q e a n o s e a e s c n o s a s r e g a s u u u y . U d i t t t t n e c a r p q e p o c c n s e o m e u u . l l l d d b d d l d l f b d l j i i i i t t t t n e m o p c o s e e s g o s e a r n e o s q a o r e s o s a r c a n e s e a p r a o s e c o r e s e u y , U d h d d b l l i i i i i t t t e n p r q e a n g o a m a n c o s r e c m n p r e r o s u u . l l d d b l d l i S G O C S G S O i W W W H T M L V D M P A P X M L H T P L t t t n a o e a n s e n r e s a a e o n o o s e n o u : . , , , , , , , , , E N d i t s o o s g a s . d d d l d l d i i i i j " " " " P t t t s m p o r n e q e n e n a s q e s n a r n o q e r e c r a g o q e s m s a o c o m n o r e m p o n o p e o u u u u u y y u . , E d l h l d l l l l i i i i i " T " A " t t t t e c r q e c o s o m n a r e e r a n a m p o c e n g e p e s a s e s a e s a r s u . , f d " " t t h k d k f ] / / i / D a p s s s u s p a o r g a c o w w : . . . [ _ sc a h b d lo d lg la lm in io ie i" P " " t t t t t t t o r s o e a e n n n a r e c n r a e c n o p r o a r e s q e n o r m a e n u u u ,e ,q
El contenido ha de poder llegar a todos Respetemos a los ciegos (y miopes) Qu es un estndar?

 d d l d l b h d l l d C i i i i t t t t a o p a n a g r a n c o m p a n o p e n s a r o s e m s a r o q e a m n a r m n o s m e o s e c n o g a s e p c a s a u y u u u y x : . l d i i i t m e s o e p s e r o c c a s e c x . , , l d f l d l b l h l d l l d d i i i i I W W t t t t n e c a s o e n e r n e s p c a m e n e e s a r o e a o r g a n a c n q e a c e o s e n a r e s e o r e y z u , , , E w ( ) d d b C i C i i j O W W t t t t h ] / 3 / q s p n p c p r o s g r n a c r c m o r a s a s e o n r m u u y u p o r g w w : . , , . [ 3 d l b b i S O j I I T F t o r g a n s a r n s q c o a o n o q e a n m m o z u u v . E l l l d d d b l d l C i i i i i V W " " " " t e r s q e n o e s m a e n a r e s n r e c m e n a c o n s p o r q e o s e p e o g a r n a e a q e o s g a u u u u . , 3 h d l i i i S O i L I t t t o m o p a s c o r a r g n c o e s q a c e s n a r s m s a q n o s o s g r o s z u u u . , , d h l b l i t t e s n a r s a c e s s r p o m a . , l d b l l d l f b d d l i i i i i t t t t t t a r a m e n q e s e m p r e s r e c o m e n a e s g r a s n r c o n e s e a r c a n e n p r o c o e c n o g a u u u u u u ; . N l h d l l d l l h l l h h d S i i i i Y " A t t t o c s o a c o s p a s r n e m a p c e c p a e s o x u u y u : . . , , l d b l d i i i i i i i " Y t t t t a s n r n e s q e a s e n m n o e m p o e m a s q e n m o s o s n o e r n s o p r e c n o n o u u u u ; . f l i g e p m n c a u . l d d d b h l d l d d l b j C F H T M L W t t a e n s a e a p e a o s p r o g a m o r e s e n a e g a o r e s e s e a n e o e s n a r e p a r s a e r n v v : w 3 l ( l h ) d d f i S i i C i H T M L H T M L W t t t t t q c o s e a e s q p o o o e e n e r n a m s o m a u u u u . . , 3 b l d i i P H T M L t t o r e a p g n c o n c c o o n a g r s u v v . d f l d b h l d l d ( d l i i i i i i A H T M L t m s e m s r p o e s r c o r e c s m c o m e n c o e o q e p e a s p e n s a r s a p r e n s e y u u u . , E h l d b ) i H T M L t t a c p o m a e c g e s a e s y v , w h b l b l b d l l h b l i i j i S i i i I t t m a g n a q e a s o e s c r e s a n e r a n e r o q e c o n c e o s c o e s p a o e m p e a s a r e n p r o a u u x u z u . ( b f l d f d ) l d d jo i i i i T t t t t t t t e r c o r r a a o r g s a c n s n p r e n n e a s c o r e n r e e n o s v u x v . , , , i p c e s : d b l d d l b i i i I t n a r e s c r q e s o q e q e r s e c r o n c a p a r a u u u u . d l h b l i D t t t t r e c m n e c n n n q e e s c o y u , l d d h l i i i i i i i D t t e s a a p r r a o p n o e s a c m o a p r a a q e n q e p n s a r m c o e n c s o s a r s m a g n a c n y u u u u u u . , , f l b d h d h l h d l j i H t t s o n e o e c p q e a m r a r e n o c s e o a s c o o p r q a a e n o s a v u y u . , , E d l d d d l d f ( l i j i i i t t t p p r q g s s a c o s e s n o s c e e n a g r e q e q e r u u x y y u u u , ) i t t a m g n e u y . b d l d ( l ) l l l h b l d i i i i i t t n c a m o s e a s a e q e c o n c e n o m a e s p a o p e r o q e n o e s m s o q e q e e s a n o v u u u u u , , E d f l d l d i t t p o r s r e c c a r n r n a c o n e r s a r c m a s s y u v . , l l d l d l d h d l i i i A I t t t t n q n o p e c a e s c e n e n e s p r m e r o n a e g a o r e s a n e m a g n a r s e q e s o q e q e r a u u z u v u u u : , d l d d b f h b l ( ) l d i i j i H T M L t t e c r e a r e c a p g n a e p o r q c o e n g a q e s o s q n n n u u u , , , w d l d d f d l b i i i P t t n a g o e s s o s o r m q a a g a r n r m s n m s a v u v . . w l d ( l d b l ) l d i P X H T M L H T M L t t t t t t o r s r e n a e q e e s a c o n e e m p o s e c o p o r c o m e n s e g n o c a s o u u u u u : , h d l d h d d b l ( i i X H T M L t t a c e n o c m o m a s c r o n a g a o r e p a r s c r q n s a e m s r a o p o r q e s q e u v y u u , l b ) d l d l b l d h l b l h i i j A X H T M L T t t r m e s a s o s o o m o s n g a a n n a a r y . . , , fT l f i i i " " t t a r e n e n v . h b l d d b l f h d l i i i C S H A t t t a g e n q e a e o s n a e r g n a s r a s e q e o m p a c n e s p a r c a q e r a q e c o n c a y u u u u u u z y . M L s o : h l b f l d b l h i i S i C S P H T M L t t t t o r s e r a q a c e r o e n s m s c e a s e g r a s e q e n e s o a c o r e c o u u u u u y y : . , w h h h la l S ie jo jn ilo is it t t a o r m p a o r q e n g c p r c o q e a c e r o r a s r a e c r e y u u y u x .N ,p ,n

Quin los hace? Vale la pena seguirlos? Qu pasa si no se siguen Algunas falacias (mentiras que la gente se cree)
"En el mundo real no hay tiempo para hacer las cosas bien"

 d b l d d b l b d l f i i i i C i i i i i t c g o a m a n o n p r o a r p g n a e n c e n o s e n a e g a o r e s o n e s c r a e n e s e p r n c p o a n c o n a v y u . . , d l f d d i i i L t t t t t t a s p s c e s a n m e n o s e m r a q m a c e n s r c r a c a q e r p e e e r u y u u y u u , l b ( l l d l l ) l d b d b i i H T M L t t e g o q a s p a r o p s q s a r u u u u . . w E w b f d h l d i t t o r m a p r c p c o m s m p o q e e e s m a u w E h b b ] / 3 / i i / / W S i t p c e s a o n g a s r e s e n c a w v u v : . [ d l h h d C i i C S i i t t + a g n o p m e a m n s e o r a c c g o c n s p o r q e n o e n s q e c o p a r p e g a r n u u u u : . E d l b l l d l l l d i i i i i i t t t t s e o p r a n o q c o s n e a s e a m a e s o e a g a c m p a o n s s u u u v , , l v z . h b l d b l d h l i i i T " " t t t a a s p r o e m a s e c m p a a n o e c n c s c p a q n s e s n r a o a r e u z u v v y : . U l d h d b l b d h f b i i i i H M L t t e s c o m s r o q e p r a r e a r o n a e g o r e s a s q c o e p o q e s e n v u u v v u u u , w l d d d l i i t t t t t e s c r r e n r n o c m s m s n e o r . , , b l l f b i i i j T t t t a p o m a s a n e a g e n o q e q r s q p g n c n e s r a s c o n g r q e v v u u u u y u u : . E d l d h l C S j i H T M L t s s e e g o r c o r c o e o m o r q e p e s a c e r p a r c o n s e g o y u u y u u . f l b d f b b O i i j i i i i " " t t t t t s e a q e a n o r s n p o e s o n a q e a a p r n e n a c o n a o n o m p o r e n e r s a e r u u , , b l d f d l b i i C t t t t c m o c n s g r e n o e a c e m n m o e s e o s a p o q p r e e r s c o s m p o n e u u u z u u u . , b l b l t s a r p m s y v . l d l l d d l d l l i C S P " " H T M L X H T M L t t t t t t t o e s o e n m n o r e a r e a m e n s e a o e s o e o s e n a r e s e c o s o e s o r a u u z . . , , , , N l h l d d l d l d d d i i i i i A " P t t g e n m e a e g a o a e c r e r o c m o a r e s p a r o s e n a r e s s o s n s e a o r a e m s q e r o s a r u v y y u y u u : , , h S i ? F J " t a s a c r p y v . l d d i i i i i S i P t t t t t t e s e a e c q e s r c o r e c o m p c a r e s r n g r s e n o p e r s a r n m o n e c o s a e q o c a s e p r o n e s u u y u u u v . , d l d ( l l ) d i i i i t t t t t a p r n r s r o s n a s n n r o a c g a s p o e a r s n s s p o c n y u u : , h b i i H T M L q e c a s o a p a a c e r p g n s e u u : . w f l h b d d l b d d d b d b C S i i i L t s n o r p r n o r m o s n a o a n a e o m s m p o r a n e q e n s e a o r e s e v z u . , w w b s a e r . d S i J J t t t c p s a c p e s n e s n a r v v u : . , l h f d b f d l d l i i F J H T M L t t t t t t s a o r s o r m a o e c o n e o s e r n o s e n a e o r m a p r e e s n a r a n q e o s v y x u u u : , , , w i i t p g n s e n p e a u . l f d l l i i i X M L t t t s c r a a o s c a q u u u u : ; . f f h G i j G P I F c e o r m o g o m c m e o r q e x u . , N l l b S i i i V t g r o s c a e p s p g n a s v . w l O i i A P H T P t p a c m p n r m a c n e r p c a o n s p o r : . h f M M L t t a r a o n e r m c u l l d d d b i i P t t r o n a s p o s p a e a e v u . 3 w O S S X H T M L D M H T P X L M I L c a s m s c s m s u y : . , , , , , , R d l d l l d b i i i i i A I t t t t t t t s q e n o g a q e o s e n a r e s m a n s n o q e g r a c s a o e n a r e s a e r o s e n m o s n e r n u u . l d l h l f l l d f Q C S i i i i i W M t t t t t t e n o q e o s e n a r e s o a c e e r e r s a s e c n o g a s p r o e a r s e c r o s q e s n m u u u u y . . 3 f d ( l l d ) l d d i " " W " " t t t t e a s a n q p c n r m n e r a s c o m n o a s e m a s n a r a p s o e a r x u . , , w l l d f ( d l d ) i i i S i i S i Y M V B A X J D H T M L t t t t t t n o e c o g a s r o p e a s e c o o c r p c c r p o p a r e m o n s o n m v u y , , , d b l h b l i L H T M L t t c o m e s p r n o e s n n e m o e s a n o o q e s q e s c m n s q e c a n e s c r a e u u u u u u u u u . w m d l d i t q a m c c o s a s z . , d b d d ( d l d d l ) l i i i i i i L A t t t t o s e n a r e s q e c o a r a n o s n a a n c a o s c o m p e a p s a r c o n e c o n a r o e a a c o n r a o u u u ; : R E d l d f b d l i i i j t t t h ] / 3 / T R c a m a n s c m e p r o e s e n r e s c n o s g r e n s v u u t y u p o r g w w : , , . [ l f h l d h i i i C S G S G i L P V p r p c o a e o e c o q p a r s m a s y u v . . , N b d f d d d l l d i i i i M t t t t t n c a m o a n o c r o s e n o s p r c o s q e s m p e s o n a c a o s m p e m n a n e n a r p o r u u u u u u , , E l d l d h b d f d h l f b l i i t t o p r c r e a p o r q a p r e n e a r o s r m e e r a s a c o s o r m a e a v u u y : , h l l d d d M M t m a c s m c m g n o o c s e e a c o s m u y u y u . , h l l b i e s e o q p s n a s p n . E w d d lo lo in i ie ie t t t m s e n a r s o a c a o s n e m r e s a n q r o a r s q p n s q e s o n m a s q e u u u u v u u u :c ; R N f lig lp le d le fn ic i ie ia M t t t t p a r p e s r a c c e s r o p e a o n r o s a m c e c a u .d .n
"Los estndares limitan a los diseadores web" "Los estndares de Internet Explorer son los ms usados" "Microsoft innova al salirse de los estndares"

a lg d d d l b l l d ie i i i i ? i i A t n e c n a e o a e m p e a r c o n c r e n r e c n c o n r a e s m a o o p o r q e a s o g o a o s e m s a r u u v z v y z u u :" , , N h b id ? " t t m s a o s r m n s c n s n y , d l d l l ( ) l d i A W W L A A t t t o o q e a c e a s e a m a g e n s a r o o s m s c o m n e s o n o s n a e g a o r e s p e r o s e r g e n u u u v . , U U l b b d l l f l l d l b d i A t t o r s s n o s r o s e o s c a o r e s o o s m s o q e r p r o g a s p a m r s c a n u v u u , , U d d l i i i e c e m . h d h b l d d l l d h d d S i I P t t t t e g r o q e a s o a r e s c a p e e n e r n p o r e e s n r e a a a a n o s n a e g a o r e s q e n o p r a s u u y x u y v u . N E l d ( ) l h ( b ) i i I I T t t t t t t c o n a s o e s o s o s m o n o s o p c s a m n o p o q s o n e r o r e y u v u . , , E l l d i i i i I W t t t d l h l ] / i / / m r c r e n a n r o r e a n t t u v x p c m e c m n p p m w : . . . E w [ d d d d ( l d l ) C i i i t t t a n a e g a o r s e c o m p o r a e n a m a n e r a s n a n c s o c a n o s a n e m s o m o r a s q e n o e s p r e s v u u u u u , l h b l d l d l i i i j L t t c o n c e r o s q a s r q e c e q e p g n a e e c a q e r a e o s a n g a e s u v u u v u u u . , t e s . d h d d l d d l l h i i C i D W t t t e s g r a c a m e n n o a n g n a e g a o r q e s o p r e o s o e s n a r e s e a e p o r q e s o n m c s m o s y v u v z u u , , t 3 l ( l ) l d i 4 0 1 j i i P H T M L t t t t m e n s o o r s e r e r s n m p q o n n o s c s n e p e s n y u y x u u y u . . , , , , b l d l i r q o p a m s e s c y b l d l d d d ( i i i C S G P H T M L L V t t o r e s n a g n q e s a o r e o e s a c e s e s e c a q e r n a e g a o r o s e m s e n a r e s u u u u v . , , ) l l l b l S i G i i i J P t t a c p s r n p r c o m p m n a r p g n a n o m p r s n a o v v y v v . . . , , , N E d d d i l d l l b h i i i L I t t t t t o e o r e n c a n o a e g a r c e s o a r o s e a r e s e o n o s m p e m n e n s o a c e n e r n v u u v , l l l d l h d i C S G i i i P P t t t p c a g s c a r c r s c s e c n c o n c n a s e r a n a r n c a s p a r e s m p s c e x . E N l b b d b l l i i i I t t t t q e n n p o r e e p o n m a g n q p p g e o e r s m n r a o g a m u x y u u u u . , E w d f l l d l d l ( d l C i i j A t h ] / 3 / A / e o m a e g a s q s g a e m e n o s e n a r e s e s e n o n e r e m p m a v u y t p o g m a w w y : . [ ) l ( f ) h l h b i i i i W M M F h l ] h f ] / / / i / / i / o q e s o p r a m c s c e n o a r o z t z x t t u u y p m o o r g p m o a g p o c s r e o w z w z u x : : . , . . . . 3 [ [ d d d h b b d H I t t a q e s c r q e s n a g a r q n a c s a e g n a c s o p c a s y u u v u u : , E l h b b d d b f b f i i i t p e r q a c n c e q r r s c n a c s a o n c e o n n n u u z u : . . N f l h b d l d l d h i i i t t t t s m c a c e r n a p g n a q e s e a e n o s o n a e g a o r e s a q e n o e m e a s e n e m a e a c e r u y u u v v u , E d f d l d d d l d l i i " " " " t t t e r n e s e r s o n s m s p g n n p a r c a n a e g o r s p o c a p o r o p r o s o s e a v u v y v . , , N h b ( ) j i t m c o r a u . d b d d h d l d l ( j i i i i " P " t t t s a s o e r m e n s a e s q e g a n g n a o p m a p a r a n a e g a o r e s o c n e p a n a a s e n r z u v u y u v u v . E l l l d l ) b d O i i i i ? i T " t t q e c m a r s o c n o n e o r s r a e r n g n s s n e q r p m s p r e r c o u u v v u u z . w l d " c q e n g a . h d d l l d l i i I t t t t t n c o r a s m c a s m s e s m e n a s e n p o p q e m e s r o a o s a r o s e n e r n p o r e u u u u u x , , E E b h i h d l h l ] / i / / q s c r a c n o m e t t u p n e c e n o n a g p o p m w v u : . . . . [ l l l d h d i l i i I P t t t t t n e r n p o r e m e s r a m a g n a s p g n a s a s e s r o a s m a n e r a o r e s o m c a s e c s n o e s e n o e a x u u z u u v v ; . , E b n l l h l d d b l d i S i i i i i t t p g a a q s c o a e c r o e e o n e g o q g a e n o a r n o c s r s u v u u v u v . . , E d d b a s c o e c a . w q . l l" l" lo d ic in ie ie L I " t g o s e r e a s p e c o r e a q e s e n c o c r a n e r o n s m p r e s a u y u v ,p E
Navegadores
No slo hay dos; hay cientos Ninguno implementa al 100% los estndares Nunca hagas una pgina especfica para un navegador Ms falacias (mentiras que la gente se cree)
"No hay ninguna pgina que no pueda ver bien con IE" "Es mejor disear una web para IE porque es lo ms usado"

Sobre HTML

d b b l d l d f l d b l j i i i i i o e s m e o r s e a r n a e s e s e c a q e r n a e g a o r n c m a m s c n o a p r o e m a s u v u u v y . . , N w E d h l d d b l b b l d f i i A I " " t n c e s n o n a r o m s p r p r o a r q e e n p r q e a m o c a r s u u u , , , h b d l d h d l l d d i i i i I t t t a s q e s e a e n e s o p e r e q e s a r s e e n a r a c e n q e s a m a e s o e n a e g o u v y u u u v v , , e E ( lc lp ) in t q e n o a u u . d l h b l f b b b l l d l S i i H T M L t t t t t t o n r a e > > > > o e r s e o s q e s a n a a m e n c o s a c o m e s o p o r q e a a r u u u y u . , , , , < < < < E l h h i i t t c o r c o m n c o q e q n e p e r m e a c e r m c a s m s c o s a u y u . , l f l l d b d l d l S i i i i j i P t t t t t a s p g n a s e r a n s o n e a s n e a s e o s e r a n m a r a s a r e a r e s o e a o r p e e a r e s c r a u y x u y u v u u . , , d l l d d f l l i i i t t t t e s r c r a e o p q o r o p a n m e s n e g o e n m s p e c a a g n o n e s u x u u u v u u . d b d b l l l d l b b d l i j H T M L t t t t t s o p a r e s c r a e s c r a e e a o r c n a n a e g a o r c o e e s r a u u u u v y ; . w E w d d d d ( l d ) l d i i i S i i t t n a e g a o r e c c m o a m o r a s c n c o r s m a s p o s e r e a r q r a m s v v u u . , , , f l d ( h ) i C S j i i H T M L t s p c s e p e s o s q e p c m s u u u x v . . , , N h f d d l ( l d ) i j X M L X H T M L X M L H T M L t t t o a m s o r m a s e s r c r a c o n e o p o r e m p o o q e s n a m e c a e y u u u z y . , , N l d f d l b C i j j j i H T M L X H T M L t t n e e p e r a s e a r q e c m p e m e o r c o n o o v u u v . , l d d l l d d i H H T M L t t t t t o a p r o g a m s c o n o s q e p e s a r e s r c r a e o c m o a m e n g e n r a n c g o c o r e c o y u u u x y . , N ( ) l h b l l i C j i F Y M t t e c p n p e e o a o m p o s p a o r a n q e o s o a m a n x u z u u u v . . , d f b b l l i j i D o a s o r m a s a m n s e r e n e n g a e m s m p e v y y u u u y . , , h h l l d d f h b S i i i i i i i t t t a n o q e a m c o s c r s o s p a r p r n c p a n e s n c a q e r a c e m a e n o r m c a o a q e s a e r u y u u u u y u . , N l f l d d t t t p r o g m r s o e a n e e o s y x . , f l d h h h b l h d d b i i i i i i j " " t t s a c a a c q e m c a g n c n g a c e r p g n a s c a s n s a e r q e s o q e a e s c r o c n c g o e a u u u u , E l d d d d i i i c a o m p c n o s a s o y . b d d b i i P t t t t a r n p r n c p a n e a m a n o c e s a s o r e o c a n o n s a e s q e s c o r e c o q n o u y u u u y u . , , b h l l l d b h i i i i i i i i H H T M L t o s a e s c s e e a s c m p r m p o c g e a p g n a e n e c a m r a u v y y u ; . , N l l l d j C j t s a c m o m p o s o e s o q e p c a r n e c n e o n s e o s u x . . E b h d d b l d i i i i T H T M L T t h d f ] / i / n a n p r g a m q p e s c a r e r o e s e n c o s e n c g o y u y t t t u u u u y p s o r o g y u : , , . . [ l l d l l d h b b d l i i j i t t c o r e g r o s p o c c g o r e s a n e s m c m p c a o e n r m m r e c r s e n e s e u u u ; . E i p n c p . l d l l f d l l h i i i i 4 0 1 C j H T M L W t h h l ] / 3 / T R 4 0 1 / n g s p e s c o n s a r p r o a e s p c a c n e s o m e o r q e a u u t t u y : p o r g m w w : . . , . E 3 [ E f l h l l b f l i S i i i i ! t p o r q e n o n a c e o n a g n r o e s r a n o e s n r o a o r a e s c a u y u . . , , l: d l d d d l l i i H T M L t t t n s p a m o r a r s e s a n n o c r e c c q e p o m e n r e m o e n o e s o r a y u u u u . , , E E d H T M L h h l l l h l ] / / i / / e c o n c a s e t t t t p m c o n a n o r m u [:..
Qu es el HTML? Es necesario usar HTML? Es necesario saber HTML para hacer una web? Es fcil escribir HTML? Es fcil escribir HTML correcto? Cursillo de HTML

d l l l d d l ( h h b l j i i H T M L t t h h l l l h l ] / / i / / e c o n c a s e a g o a r g o p e r o q e n o s e a n a m p o r a n e p o r e p c a r a s a t t t t u x p m c o n a s e n o r a m u : , . . [ l f l d d ) d b ( ) C S O i i i S D H T M L t h l f h l ] / / a n e o g e r r o m e a m e n s e n m p n s n t t u z u : p e s g : . , , , . . R [ C L A h b d h d h ] h l d h d l ] / i / i 7 / M L C A S / / t t u t t t p p p n c s r r m c o e m p p o r g c s m o s m w u u u u x u u u u : : . . . . [ [ l d l l b S i i X H T M L X H T M L t t t t d l h l l f ] i / / 3 o q e e r a e e n s n o r a e m e n o u t t t y u a n e c m e n c o m o a p w x , . . _ l b f h l l b ( ) C i i B A B K t h f l d b k ] / i / e c p r n n o o n s a s e p r s r a c n t u u z p c a a e n y : . . . . [ ( l l ) l b d l l ( l ) l d l b d l i i i i I L / t t t p e n a e s o n c e a s e n e n o m r e p r o c o s e s e r s e g o e n o m r e a m q n a u y u u u , , U U U R h : lu lR d h d i j P t e g o r a e a r o q e s a c m y u v u . , d i l l i d l / / / t t t t p a n e c e m n e c o m m n e m w x . . . h : h h i l i d 2 8 1 4 5 7 @ m a o o a e s o e s z q u . . b l i l / / t n e s n e s c a p e c m o a g w z v . : l h f h d d l d d l j i i i i i i i I F t t s o n s a e n q e a p r m e r a c e r e r n c a n a r o e m s e r o r a s e g n a n r e c o r p o r e s o e a u u v v y u u v . , , U R l b l f l l b d l d b l i S i i t t a r a n o p s s s g r c n c o c a p o u ; : . , h d l h l ( l b f ) i / / t t t l l ] / / p c m n c o a n t t t : p a e m e c o m w : . . . . w [ l t t m m h h i d l i d b f i i i ? P t t t n e m n e x x o r q n o s a m n n c o n a e s m s c o r u y u y . . , h l l d d l i i i j B H T M L H T M t t e n m g s a m a r a s c o s a p o r n o r e e s n a p g n a n o q e r e c r n a e n g a e u u u y u u u ; . , , h l d i H T M L s m p r s e a m o . l d l d f d ( ) l b l d i i Q O S S O S i i L M D D M D t t t t a c p e s e s c o m s e m p r e e c r o s e s q e c o m p r a o n a m a n a e n s n e u u y x . , , , h d l l d l l b i 1 4 i i T I X L n r o a c a r c r a r o n a o s n p a r m o o e n q e n o r e u v y u x u y . , 3 U N d l i t t p e n s e r n g o c s q r a u . l b l l l l X H T M L H T M L P H X M L A t t t m m p m x x p a r e p a r p a r p a r e c s q a m a s c o s a p o r s n o m e u u : : . . . . . , , , , h h h h b d l l ? P X M X M L o r r o e m a h b d l f h l d l i i G H " " P t t t t e s q e q e c a r o e s o q e m c o s e n r a n e m e s c a n o e n o g e e c o s m v u u u u u u : . w l j T M L e s e g a p a s r c r e u u x . H n n t t t h f l b l d h io i i i j i C S P t t o e s a r a c r a m c n e e o s e p c a e s n e g o s r o a e m n e n e r s a p r e n e r p a r a c e r u . ,n , N p b li ld b l ir i in g r n m g e s s o q e p o v u u ; . h l d l d b l d d ( d d l l i i i i M t t t t t t s o e s m p o r a n e c a g e n s e o a e s a p r o e m a s e o p o c a n a e g a o r e s m e s r a p g n a u v y v u . E ) c o m q r e u . l h h d d l h b d ( l C i S i 1 i j t t a r o q e a e r s o n e s e o e s n a r e n e s e n o c e s a c o s a a n c a m a o a n q e e n g a e n o s e u y v z y u u u . , 9 5 h d f d h ) i m c o m c u . d d l d d d ( d l ) in i i H T M L t t n c a p g q e a g s e n r s q e c r e a n a e g a o r q e r s n e e s s a n o n o p e e c a r o u v u v u u E ,t h la l l l l l i O C i D T Y P E L s o e e c o p r m r a o p c o u x ,!. . .

Cmo es una direccin (URI) Extensin de los archivos: o ? Efectos HTML

Versiones de HTML

Cmo?, que hay versiones?

 d l l l l d h 0 4 0 4 0 1 L H T M L H T M L H T M L H T M L H T M L L t o s e n a r e s s o n e e e e a e r a n o c r e o q e s a g n m s y v u . . . . , , , , 2 3 2 l d ( d ) i H T M L X H T M L t t p r q a e s a c a o c o m p a r o c n u y u . d d l l l d b l i 4 0 1 T H T M L t o s o n c o m p r n o s p o r s n a e g e s a a e s p e r o e q e e s a r e s v u u u . , d b l f i i i A H T M L t t t t t h h l ] / 3 / T R 4 0 1 / n e p s a r n p r o m a p o a a g n a e q e a n e r s a n e a q e t t u u u u y u p r g m w w : . . , . [ 3 2 d f f i i i C S t t e n e m p s e c a e m r o n o c o u z u . d d l l l i i i j 4 0 1 i A T P H T M L t t t t e m s c a r s n n a n e s e s q e g r n a o r e m p o e e n r e s v v u : . . . , , l l d l d 4 0 1 S i 4 0 1 H T M L P H T M L t t t t c e o r m s a r s q e s e a e s u u y : . . . l d d l l l b l l i i S T H T M L t t t t t r a n s n a n a m e c a e o o s n a q e s a c p n a e q e a s o s e a s e a m u z u u : . , l l f i S i i t t r a n s o n a p o q s p e s o p r s q e n a r s r r r o s g r n r o n u u v u . , E b l f d d h l ( l ) i i t t t o p e r o n a r m s e a m s c o n s a s v u y . , d l l f d l f 4 0 1 i H T M L F T A t t r a m e r a n s o s o p e p r a m e n c o c a m e s y u : . . . , l h f l d i 4 0 1 S j i Y H T M L X H T M L P H T M L t o e p c a r s c a n q e m e p c o m e r e r o c m o c p a s r e x y u u u u u y . . , ( h b ) f l l d h 4 0 1 S 1 0 i i i i X H T M L H T M L A t t r c a s n o a m o s p r e r o c a r e p a s q e n p r a e m c a s y x u x u . . . , b f l b ( l d ) i i " " X H T M L t t c s a s e c o r e p r q e s c s c r o r e c s g u y u y . , d d h b l h b l d i S i i i H T M L " t t t t e s a n c a o s n o r m a s o n m p o c e s r c a s e s o a m c o s p r o e m a s m c a g e n e s c r e c g o a u u u y y u u : . , d ( l b l ) d l d l i j i i j " " " P t t m e a s p o r e m p r e q e a s e r a e n q e n a e g a q e a r e a p g n a o r e s n u y y u v u u . , , d b l d b l d b d i t t n a g s c m p c e e n o m c m p v y u . w d l h d l j i X H T M L X M L L t t h k d ] / 3 / M U / i # r a e s e n a s e q e s o n m c a s a s c o n c a s o n q e o s t v u u u p o r g a r r e c o m n a o s w w : . , . [ b d l h b ( d ) l b i i i i i t t t n o m r e s e q e a s a n e m n s a s q e q c r o a s a r e n r e q e s a r u v u u y u y y u u , , l t a n c o m v d d d l i j i P X H T M L t t t t e r o q e r o e s a c r o a s o s e n a s m m p o r a n e s e y u v u y : l d l l f d ( ) l i d S i X H T M L X M L t n p g a m o n a e g r q a n a n e n c e n r a m a o r m a o e r n e o e s o g a o a v u z u , t b d f l d d b h i i i i i I t t t t p a r e c r q e s c o e c o s o m p c o r m e n e g o e n e g r a c q e n e r n y u u v y u . , E w l l d b b l l d ( i i i X H T M L X M L A t t s o s r e s r c p a o s a e s n s o u x z . , l b d ) i t e g a q q s n e n s u u u . d f l d d l i j L X H T M L X H T M L X M L t t n e g a o e e o s o a r n c a n o s e s e n e n o e q a n e a s p o r q e n a s v v u u u u u v u , d h f l h h d i i i j i t t t t t t q s s c n o c a o q c a s e g r a n o c n s c o o o q c e c o s c o m o e u u u y . N l d S i J H T M L t t c o m e r g c r p a r q e o m a e g a o r a n g s v u v . l l h d l l i i i i i i i X H T M L H T M L t t t t t t m x n e q e s a e n o s p r o s a o s o s a c e n o s p n a e n e n s n e u u u x y x y . . , h d b f d l l i i l l ( l ) i i / / t t t t + a p c a o n m m m x x x s e r o r e e s r c o n g r a a s e r c m n o c m o v u v . w h h l d ( l d ) f l d h d b l S i i X L X M L t t t t p e r m e q e n a e g a o r e s r o r a n s o r m e o s o c m e n o s a g c o s a c o m o r e n a r n a a o u v v u y u , h b d b h l l d i i H T M L X H T t a c e r s q a s o c s c s q n o p e c e c n o m e q e n c e s q e e g r u u u u u v . , , lo h l h t s o p r o m o a a c y . , d d h S S S O X L X L T X P X L F t t t h l ] / 3 / T R / c o n s a e o s e n a r e s a y r g s w w x : . , . [ b h h d d d d d d S i i i H T M L t t t t t t a s a s p e r o n c a s e c o o e s o e s p a r c o n e o s e o o s e o s e n a r e s s e n a y u y u , h l l l l l l l d l i 4 0 1 S i i i t t c n o e n m a e o n c r a e r s n q e s a m a g a r m a r c r c a m g s e u v u . . , , , E l 4 0 1 i i t t t e m r a s s n u . l l d d b d d l b i j X H T M L X M L t t t t e s p o q e n e n e n q e s o e e n o r s p r o g a m s q e r a a n c o n a o s e a e o u u u , , E w l h l d i t t t s m p e m n g s a n m c o s a r u . d l h l l d l i j i i i i i P t t t t a r c r q e g e s a q e p o n e r n a n e a p r n c p o e a p g n a o e s n a e q e a p o r a n o e s u u z y u u u u . , , N lg h l l h i a o a n o a q c r a n p o n e r a n m s c s o s a q n r y y y u . . , E d ) 4 1 S i( P H T M L t a r r e c o m e a : .0

HTML XHTML XSL Cul elijo, y cmo?

CSS

l i d O C C 3 C 0 3 D T Y P E H T M L P U B L I " / W / D T H T M L 4 1 / E N " / / T R 4 / " t t t t p o r g m s r c w w > . . . < ! h : h l 4 0 1 i P H T M L T t a r r a n s o n a : . i l O C C 3 C 0 D T Y P E H T M L P U B L I " / W / D T H T M L 4 1 T / E N " t r a n s o n a . < ! l d 3 " / / T R 4 " t t t p o r g m o s e w w > . . h : h d lW la d la la ifa i C ie io is X H T M L P X H T M L t h h l/ ] /w 3 / T R ic # e s p c c n e a r n s e c r c n e s n e c s a r e n t t t : p o r g m s r w : . . 3 [ l d l d d d b ( ) i i i H T M L t s e r q s o e c a q e r s e a o r e s a n q e n o s e p a u u u u u . E w h h l d l l l d d i i i i i H H T M L t t t t t a s a o r a e p c a o q e s r e p a r e s r c r a e o a e n m o s a p g n a a e n s e c o n e s x u v u x y v : : f l b i i t t p r o e n c s c a e r s c a s m g e n c . , , , , , l b b d l d l l d l j i Q i i i j " t t e a p a r e n o o c n s e r p o r e m p o q e a s c a e c r a s a n e r o s r a a s a s m g e n s v y u y u u u . , , , E d b d l l d d f d d l l d i 1 i i i 1 ' t t t t e n c m m a r g e n r e p a m a n e a c p r o a e n e n e o e y u x y . , , , 2 5 l f l d b l f d d h d i i C S i " T H T M L t a p r m r c a e n o o a s o e n c s o c z u . . l l l d l l h C S i i i i i i B t t t t t n g e n a e s r e p a r a p c a r n e s o a o e m e n o s m s o p o a e e n p e r m e a c e r v u v z u . , , E h l d b j i m c a s m s c o s a p e o m e o c r e s e r o n a c u u v . , l b d l d f h d l l l d d i i C S i i i i L t t t c s e a > e o m s n o r m a e s c r o e c g o e n c e r o e r n o e e n s n e g o n c r e n u x x y u u , , < h d d i i c a p g a e c g o : l i k l l f i " " " " " / " t t t t n r e s e s e r e a r c o c s p e e c s y v y x > = = = . < h h h l l d l h d l l i i i i i i i H T M L t t t t t t s o p e r m e s a r e m s o e s o p a r a r s p g n a s s n a s o s o e s o a c e n o e s o e a s p o r c o m p e o u v v : . E N l d h d f d l h d l d d i i j i t t e a o c o e r m a s n e g o e s e c o q e o p r a n a s n r n q e c a g g v u u , , , ( d ) i t n c p r a n a n p . f d l d l ( h ) h d d d l d l i j i C S i i i i t t e a > p r e r e s e a e c g o e n a m s a p g n a s n s a r c o s e r n o s e a c e s e n r o e c o n a u v x , < h l iS t t t y > e q a u : < l " / " t t t s e p e e c s y y x > = < l d i * C S * / A / a c g o q v u d d d l d * R / t t c r e a e n r o e e a q v > u < h l t s e y > < b d f l l b d l d d d b l i i i i i i T t t t t t t s e y a m n s e p e e n r n e s o p a r n s o e m e n o e s c r e n o e c g o e n r o e s a r o a n q e n o u u u u u u u , , l d l d h b d h l d i d i i i C S A t t t @ m p o r o r e c o o r q c o m p c a c g o a s p c r a s r n o c o n a r n u y u u v x . , C S p r a s m s y . , f l d d l f l l d id i i i i t t e n e r s n e o a n o a s o r m a s a e a p r o a q e s e g r a e s u u v z u u : , b d l ( f l ) i i A t t t t t s y o e e m e e s p c o p r n s e m n o u u l d f b l l i i i t t t s e y > se n o n a c c r a c o n a q e a u E <
Para qu sirve Cmo puede combinarse con el HTML

 l d f d h d l l i k i i i i i t t n > s o e n o e n a r c o e r n o a s o c a o a p g n a c o n u v x y , E < l d d jh i C S n e m p o e c g o e s : U { l d d i d l i } 1 t t c o r e e e c o r a o n n e r n e x u ; ; : : i b d d l i i } 2 0 2 0 1 t t t % p e n p e p o g r a n e g x x y ; ; : h h : d f l l ( b ) l i i i i 1 / 1 / t t t t t t t t p p > > > > q e s o n c a e c r a s o q e a e n r e q e a s s o e n e s o s p a r o q e a e n r e q e a s u v u u y u v u , E < h < h < < ( f ) b l b d l f l d b l l j i i H t q e n p r a c e a s c c a s a g n e r o s r a a o s p c n r a o c o n a u y u y y . , , l l d h b d l d d d f i i i i t t p r m r a n p q m p r c c o n r e g p e r c p u u y u u . , la f l t o m o g e r a e s : E i { i d l i d l i d l } 2 1 t t e e a p r o e a a o r p r o e a a o r p r o e a n a o r q v v v u ; ; ; : : : d l d l i i i t t t s p a r c a e q e a a q e q e r a s a r e s o y u u u . h l d d l d l f d d i C S i i i j H t t a m c o s o r a e s e e n o s o o m a s p e r o e n m o p n a s m e o r e s o r m a s e a p r e n e r s o n y u u : , , d l d b d l b l d i C i i i M t t r a n e c g o m a s e r q e s p n q a e q e a s g n p o c o o m a e c g o p a r u u v z u v u . , w h l l l d l d i i i i i C S i t t t t e c m o s e c o p o s a g a e s e n g s o n a n e e s m s e n o s o s v ; . . N l d f d d h d C C S C W t t h l ] / 3 / S / C S # o s a n o a s p e c c n q e a c s a q n n e n s u t v z y u p r s p c w w y : . [ 3 d f l b A t a p r e e r n e r e r c o n r o q a s a y u y . d d d l d d d S i i C S G t t h d ] / / o s o n p e s e r a p o n c a e a p e n e r c o s n e a s e n a r e n s e a m s n u v y u v t u : p c s e n g a r e n c o m w z : , . . Z [ l h h b l i i i P t t h b l l ] h h ] / i j / / / / i i / s q r e o s n e r n g c o o g c o m u t v y t t t y u p m o r n c s c m p g r o n c s p p p o s n s e r w u y u w v y : : , , . . . . [ [ l d d ( i i T d h d h ] h d b d / / i i / / ? X H T M L C S q c r e m a t t u + n r s a n p p o a c o s c o m w v x x = : . . . . . [ b ) d C S t h h a m c r q a r n a o r n p a e r t t u y u u u v v p a a o o m r : . [ R l h d ( ) l i I h d l h l ] / i / a p g n s a c q e e a o a e e r p o v x t t t p a n e e c o m e g p p m w u : . . E [ b d d l d d d i i i i T t m p e s e m p a r m r n o e c g s a p g n a q e n o e s m c o m p a u z u u y . , d d h i C S t n a m e s r a m a r a e c o s a q e s p e n a c e r c o n u u y v u u : U b l l d l * * / L 1 / a s c a e c r a s e n c o r a a o e n m a s c a s z y y u u u , h { l f f } 0 1 7 t t o r r a n s m p e r c a s x ; ; h : # : i d d d i i d f d * * / E / t p e s m e o e o e n o n m a g e n e o n q v u u , d i { b k d l ( f d ) } a c g r o n r n p n g v u u ; . : l i i j d i l b d l * * / E / t e s o e c o e o c o n o r e a q z u u , h { b d l d b } 1 o o r p s > x u ; : l d l l * * / L / t o s e n a c e s n o c m s g r a n e s a p a s r e r a n u , { f i } 2 0 1 t % a r o e v z ; : h : l i d i * * / P / t t a s s a c o n e n a c n y , l i { i d } 1 5 t p e n e p x x ; , : d i i d * * / J / t s o s p s n a m a g e n o n e a r u u u ,
Formato Dnde aprender CSS Varios ejemplos

Consejos HTML

i { i d } 0 t t + m g p e n e x ; : i l d * * / L " " / a s m g s c o c a s s e p a r c o n p o c e m a r g e n u = , i { i } 2 0 m g e p r a m a r g n p x ; . : l b d i d b l i l f d j l b l * / E " " t t t o e c o a e n e o n r o a e r a a n c q v u = , , l l ( d ) i i * 7 5 / % t t o c p a e a p n c r a o e n n m r g n e r o y u u , d i { b k i tw t a c g r n r e o v w u ; ; # : : h i d i d } 0 2 0 7 5 t % m a g n p a g p x u ; ; h : : : h b d b l d l b d l i i i C S M " " H T M L P t t t c a g e n e n r a m e s c a n o c m o c a m a r e c o r e a s a r s e s p a m e n o c o n o e s u u z u . w d l l h b ( ) i C S i 0 4 t o s e p a m o s c o n a s r o e s e q e s o v u y . , n 2 d l l b d l d f l C i i i i i i t t m o m n e g a r p r e m a p r s o n a c n a a r s e s c r a s m o c o a m g s o n o a s p g n a s n a v y z y u . , , U l d l l d d l b d i i i i T t t t t p g n a c r o o e n e n q e m e s r n o c o n o p n e o s o n e m e o s z v u u , l h d b l i t e s o e e s n g a c s e c o p e a r v u . b l b h d b l d l b d l i i i i i H t t t t a c m p o e c r e m o n e a e r s e n s e o c m e n o c a m a r e c o r e a s a r s e s p a m e n o s z : , n d l h C S Q C S i i t t h d l h l b ] / / / q c a r q e s s n a g q n e a o n c e n t t t u u u u v p a n m n c a r s m w : . , . . . [ fs d llm ir jo i,y isr M o s no s a a o n e . h l l d b d ( b h h i i i i i A P t t t t o r a e g a o n e r s a n e o n g o e r o e s p c o s e s q e o m a m e n o a m n e p g n a s q e c e o a c e u v u y u u y . , w ) l l b l f l h b l l d i i i i i t t e m p c m c g s m a s c s m r a r a n a c o n s g r c r a e c e s o r c r n a g r y u u v , , w d d d f i i t c o n s o o p r p r q m r y . , l d d d l S i i t t t r c s e s e s o e n a o s s e g r o q e o a e n o m s c o n e e m p o u u y u u v y . b l l d l d d l l i i i i i i H T M L t t s o g a o r p o n e r a m m p o r a n e s p a r e c r e a n a e g a o r q e r s n e e s a q e s a e n a p g n a y u y v u v u . . , E E l d f d d k ( d h ) S i Q i t t t t n e p n e a g o r n o e n m e c o s q r e n m o r s m o c p r v u u z , , d d i i i i i t t t a r g a r s m s c s a q e m g n a o q c a q a r s n o s o s u u u y , , d i s o c s v . d l d l d d l ( l S i S i S i i H T M L t t t t s e s a n a e r n e q e s a r c e n o c e s n a e g a o r s a e m o a n a r s c o m p a n c e c m p m e n o u u v u v u u , d l d ) d l f d l i i t t t e o r s c a q e a n r e s g a n o r m y u . , l b l l j i P t r e m p o e n e a p r m e a a : , w l i d O C C 3 C 0 3 D T Y P E H T M L P U B L I " / W / D T H T M L 4 1 / E N " / / T R 4 / " t t t t p o r g m s r c w w > . . . < ! h : h d l i i t t t e c r a q e n o e s n a e q e a p o r e s o e s a n r a a e n m a s c a s n o s e c r a u u u u y v y u y . , , , R l d l j< i i t t n e m p o e o m n m o q e n e q e n e r u u : U l i d O C C 3 C 0 3 D T Y P E H T M L P U B L I " / W / D T H T M L 4 1 / E N " / / T R 4 / " t t t t p o r g m s r c w w > . . . ! h : h l t m > h d e a i i b b i i b i l Q M / t t e e o n a e s m e e w q w > u u . . < < / > h
Cambiar el color de las barras de desplazamiento La primera lnea debe ser el DOCTYPE Estructura bsica de una web

b d o y > < l i d A t a e c o n e o q v u . / l t m > < h i l l h d f l d b i i i i D t t e > c e n q e s c o n m c a e r n c a o m s m p o r a n e n a e u u u . , , < w d l b d l ( ) l i i i i L t t a r a s q s q e p o r n o s s c a e s p r a e r a p g n a p e r o a n m s m p o r a n e o v u u u u x : , l b b b d d l l b i A t t t s m o s p e r o n a p a r s a e r n q e n r a c a n o n c o m s c e o s s q e g e n u u u u u u u u . w l d l b l i j t t n c o a c y . , l l l l f l b d h S i j i j i i j i Y t t t e a c e p a n a n o m a s c a s c o m m n s c a s p e r o e s m e o r q e a s n e s o o n o a s c a m a n o o e y u u u u y v y . , d d l l h i i c o s m s c p o r m a s c o s a u : f d e e . l b i i s m s c s c r . ( ) l l l b f l i i i X M L X H T M L X H T M L t n o s e a c e p a n m n s c a s q e c a m o a s e r m c y u u u y . , h l b C S i e e a e n m n s u u . d l l l i j i B t t t t a p g n a s c o m p r o r o e n e a s n n s c s n o a e s o e s n a r n a g o e r a u u u v u z x . . , , l d b l f d i i t p e r o s q g n s e e e a s r a n s r c o m p r m a u v . w d h d l d l i l i d l i l d i i i i / / t t t t t t a e n a c e n o o s r e s s r o n g c g o > > > > > > > > u u u o e s p e r m o a c e r c o s a c o m n n , , N < < < < < < < < < i h d l l i i i i i / / t t e m n c o c o s r n g e m > > > s c a s s r s n m c o s n a e g a r e s m a g n a q m p e a s e a e a p r n c p o u u v u z u : . < < < E d l l d l f l l d l d b ( i i i ! t t t a p g n a n n n o c e o p g a r m p r n c e p a r o e s m y u y y u y , ) a s q r u . l d d i b i i i i H X H T M L t t t t t m g r > > a g n a s e q e a s q e n o s e c r a n p o r q e n o e n c o n e o p r e n r o c m o o n e s y u u u u . , < < E b l l b b b b d l i i i / / P X H T M L t t t t r r r > > > o g o r c r a s p r a n q e s c s p r m e e r e s e s e m o n o n e y u . , , < < < b T M L r > s n e . < l d l b l l l b l f l i i i i i i i j t t t t t t n r e a a s o e s o g a o r p o n e r n r e c o m a s o a r o s q e n e c a r c e r s n o a n m r c o s p o r e m p o e n u u u , E b d b l ( l ) 0 9 " E F 5 " o g c o r y > p e = . < # # h l h d d d j i P e r e s m c o m e o r q e a s o n g a s e m p r e p o r q e a s n o a q e p n s a r c n o s c n o n a e m s e c o m u u u y u u y u y , , h h l d f h f l b l i i X M L X H T M L D H T M L t t t t t a q a e r n e o a s o m a s n o c e p o n r c e n c r c o y u y . . , d d l l l l d b l i i i i P " t e s a r o s p o s e c o m a s p e r r m a s a c m a o e u v . , , d d d l d l d ( d b l ) l i i i T M I / t t t t t t e m x s e r o r a e n q e s a r p e a r o p a r m a n a r e p o e o c m e n o q e e s r a u v y u u u y E h d f ( l l b l d l ) i S O 1 S O 1 i I I P c o c a n q s e s o s a s s m r o o p o s a c s o u u . , , 8 5 9 8 5 9 5 l f d i i i t t t t t a > n a g e g a s a n o m c n p e s e c r s c o n e e q a e n r o v u u : , < h l i S O 8 9 " / I 5 1 " " " t t t t t t t t m e a c o n e e m c a r s e p e c o n e p e x q v y > u ; = = = < h h h b l d l d d l b h i i j i O A t t t t t t s a m n s e c e e g o e c a r c e r s a s a r e a s e g r a s e q e o s a c e n o s e r n e n r o c a r c e r u u y u u v . , d ( d ) l l ( b d i i i i j i T F t t t e n c o n g e s n o q p m p e n c c q r a p a a s c o s n a e s n a s u u , , , , U 8 U ) l h f d ( d b ) l L t o q a a n a a o e s q c o n e g n o s c r r c p m p o e u y v u y u u y . , fr b lm ig itp ifi. m c ab r m p a o o n c v
El ttulo, lo ms importante Escribe todas las etiquetas en minsculas Cierra todo lo que abras (con excepciones), y en orden Los atributos, siempre entrecomillados Especifica el juego de caracteres (charset)

 d l ( b ) d l b l k l d l l f d l i j C i i i i i H T M L L t t t t t t a e m e n o e s s c a m e n e p o o o c s g e n o e o s e n e o s e m e n o s e p o n e u u x y . , f l b l l d i j i P t t p e n r c m s r a n p a r m s r m p a s m g n s n a c e s c o m p o r a s p r q p e u u u y u u . , , f b ( h b d t h d l ] / / o n r a c r a n r r a n p r a a s n q t u u u u v u p e c o w : . . [ ) i t c s . b l d b l k l f d h l d l d l h j i i i t t t t n c a m o n e m e n o e p o o c r o m p e o e o a c e q e s e q e n a n e a n e a o a a n c r a u u x u u u v y u : , E d l l b ( ) d l j i 1 L t t > e p g n a p s n a s a c r a s c n p n c o m p a r s p c o o r m e n o s u . . , U < h f f j i t p r o s s o a s a q p n g o u : f n p r a o u d d l i e m e e n a n e a u . l b l k l d i d d f l b l i C i i B t t s p > v > n o p s o c s n e e s a n o q e r a s a r o m a o a n a s c a n s p a r a s n r o m p e r u u y u u u u . , , < < d ( f l d l b d l j j t t t t t t t p a n > o e o m e e a p a r a s e n r o c e r m o e m e n o s n o y u u z x , , < d d l ) d d i i t v > e p g a e n a n o m o r e v . , < l ( d j< n e m p o e c m q e a y u : U d l i l f i f l b l 2 0 P " 1 t t % t t p e s a p c a r s p a n s e o n s e e r a n s o r m p e r c a s e c o r e > y z x u u u ; ; ; = < : : : i f d i i d d i " / t t t t c r s o p o n e m c o e c s p a a n r o e n c s s a a e a > > z x q u u u u ; : h < f / t n > . < d i l l i b d d b k l 3 " t t a g n n e r o r e p a s e o r a n g a c g r o n e o v y x x y w u ; ; ; = < : : h : i l i " o s e a c > ; : d f d i l Y / t p p s o r m e r o g n a e p > z v z > u u . < i l d d i / t t o m n e n p v > . < < d / v C O S C O S U H E F E T d lic d d d l f i i i P t t t t t a n r o e o s n e c s a e s a r e q e a o n e s a p a r u u z x u u . M d f d d l i Y t t t p e s o r m a e r o n r o e p g n a a e u u z v z . l i s o m e s e n u v . d d l b l d f l ( b l ) l d l l d i j i i i t t t t t t t s e c a s y e c r a q e n o e s c m o s a r e a r o s m e o r e n r c a s e a r o e g o a r e s o a o s u u u u u y u . R E l d l l l i i i L o s a m s c a a e o p c o e n r a c n v z x . b > > r p < < l d l b f ( l ) f h l i i i i i j L t t c o n e o e c a s c a q e r e s e o r g a n a p o r p r a o s m r a s a p o r e m p o o s p r a o s n o a q e s p a r o s u u z y u . , E w l ( b ) l l l f l d b d d l i i i / r p > > > p o r s a s n s n o q c p o e a n c p o n a q e a n e n e s c o n u y y u , < < < d i s e a u . h b l d l d d l l d l d i i i M t t p o c s e c s a q e s c r n s a o e n e a e r a s o s e m e o c r e c a s o e q e q e r a s p o n e r n s a o u y v y u u v u u u u . d l d f d l ( l b l ) b d d i i i i j C t t e c g n e n p r o g a m c o e n a r s n a s n c a g n a s n a n o n a o o a e n u u v u u u : . , o q a g l,a ln h ft j ig tb t< r > s n r a p o r e s r m e r n g n c a u ; .P
Dar formato a un trozo de texto o un trozo de pgina: y Evita el , usa prrafos:

f t > o n < d b l d h h l d l l f i C C S j i / / t t a r n a o e s n e c s a r e n a s o o o n s e p e a c e r m c o m e o r e g e n o s c o r e s e n a m o n a u u u u u .ip . . , N lS l d l d l l i t s o e p c n o a o o s e m n s a e v z y v z . , d l l b l i i i i i j t t q r e s a r e s e s p c a o a e r a s o p a r a s m r a e s g e n c o n s e o u u u u : , i d > > s p a n v < < l h l h d d l l i i i P t t t t t s a e q e a s a s s a r m c o o r s o a s n o a c e n a e n s q e a r e s o u v u u u ; . . E b f lH im ic i ip io P T M L t r r o p n o a n e s e c m e x u : ,n

No uses

 h d f m c o m s c m o s a r p r a o s u u . b n s p ; & h l l d d f d l d h h i i i P t t a r a c e r q e a p r m e r a n e a e c a p r a o q e n p o q o m s a e r c a m c o s p o n e r e s p a c o s u u u u u : , b b b h f l d l j i i j i t n s p n s p n s s o s c p e s m e r s a r p r a s a p c r e a s g e n a e s o ; ; ; u u z y u ; : . & & & E { i d } 2 0 t t p e n e p x x : d l f d l l l l d h d l l b l d l C i 0 i i i t t o n e s o o s o p r a o s e n r n a p r m e r a n e a p e s a e r c a e m a r g e n g e e n a s n a e s p o n a s x u ; . , t 2 E b l i j i i t t t t e n c m m s e a c s m a q e q s m o r n o r n a s s o s o r a c p o r a u u u z u u u . . , l t a a u d h b l d d b b l d h ? i i j i C P n s p n o c e s c n o a q e s a r e s o c a n o q e r a s a r n e s p a c o e n a n c o a n o a c e s n u y u ; u u u u u u u . , E & d b l l d h i i i i i " " " " t s e n r o q e p e n s q m e r a n p n e r e s p a c o s n o o q r p m s r a u u u y . , , , l l l l ( ) b i C S i 4 t t n p c n p a r s a g n m s p n c e p c n v z ; v . . , 6 & t > c e n e r < l b l i ( b l l i ) d l f i i j i i L " " t t t t t t t t c e n r a g n a e a g n c e n r > > e a r o c o m e n n o e a n m c a r o s n c o n a m e n o a e q e a y u u y u u = < < ( d b l l d d l l ) d f i i i i ? C C S t t t n a n r s o s n o e p a r a e o q e a c o a c o n e p e e s p c a r x u v u . , d h d l l l d l j t t t t m o r s m c e n p q e n p c s o q e q e r m s r a c r a e s y u u u , , l ( b k ) i e o o . ) b l l d h d d l ( l d l d d d i i j P t t t t t t t t v > a s c o n e a r c e n r a e c o n e o q e a e n r o e n e m e n o p o r e m p o o e o e n r o e n u y u x u , , < l i l il j P t t t g n r x e s o r m p o ; : . : d i l b d l i d b k d b ( ) i d l i 0 2 0 6 6 0 " 1 5 4 " t t % t t s e o r e p s o g r e n a c g r o n r g e a g n c e n r v y x w x > u ; ; ; ; = , , < : : h : : d E t t t s e o s c n r a x . / > d Y q e a u : b l l d i ( l b l k ) d d l i i i i i i i t t t t t v > n c a m o s o q e q e r s c e n r a e s p r o o r e m e n o p o o c n o s c o n e o e n s q e a r e u u u y u u , , , E < h ( i d ) d d l d d h i 7 5 t % t t w a r a c n c q e n a e g a o r s e c p a o c a m e n e m r g s q r o r c o u u ; y u v u z u y . , h : h l f i i b d d f h l i i S 0 L t t t t m r g a o m g n r g m r g u u a s m a a c m o p e e n a o ; v ; : . , , h : : l f b f b h h it i i i C S " " t t s e r p o q a o n c s c n m n s s r u . , l l b je i m p o p a r a n e a n o e u : E d i l b d l i d b k d b ( ) i d i 0 2 0 6 6 0 0 " 1 5 4 " t t % t s e o r e p s o g r e n a c g r o n r g m a r g n a o v y x w > u u ; ; ; ; = , , < : : h : : i l d i d A t t t o r a e c a o n s c o n e o v q y u . , h / > d Y q e a u : b l d l l l d b l k i i i C A t t t t t t t s a s e s c e n r a n o e c o n e o e n e m e n o c m o c a q e r e m n o e p o o c m o s e c n r a n y u u u u . , l l d d d i l i i i ? P t t t t t s p a e a g n e r > v > x e m e n o n o m a m a g n s p r a s e r n o s a r u u u u y u ; , < < : i b d d d f l b l 0 i i i t t t m a r g a u s s m o s r s p e s m s c p r e q s c m p c o q c o ; u u u , : d l l k i ( h d i ) 0 t p m g v > u a e r ; . : < i l a g n lc jo io L t t e o n s e a n e r p a r e r c m o c e n r a c o s a v .
No hace falta usar para hacer mrgenes no existe
Este texto est centrado. Ahora es el div el que est centrado, y no su contenido.

El atributo

no existe

 d h b l l i l l d l l d h in i H " " t t t t t t a g n c e n r > e s o q e m c a g e n s a e e n o s p a r c e n r a e c o n e o e a s c e a s m c o m s v u u u u = . , < E f l i C S c : d { l i } t t t e a g n c e n r x ; : d l l d d d l b l d l l d d l d l S i i i Y ! t t t t t t t t a e s n o a s c e a s e o a s a s c e n r a s e n e r s a e s c o g e r s o a g n a s c e a s e a o e a r e s y u u , b l ( b i l l ) i i t t c n o m r c a s e r o s o q e p o m s e a n u u x . , b > n o r < b b l d h l l l l i i A / t t t o r n o r > > g n o s n a e g a o r e s a c e n q e e o e n r e n n o s e p a r e n a r s n e a s a e n a e n a q e u v u x u y v v u < < t s e m e r p q a u . l d d d b b l ( l i i i i j i i t t t t n a a c a n o s e s a e q e a e s p o r q e q e r s a r n e s p a c o e n a n c o q e r s q e s a c o m n a e r a u u u u u u u u u , E b d l b d d b l l d ) l i j t t n s p m s e n p r a g r a n p a n a c o m a m s o r e c o a r ; u y u y y , , & lv i n o > o r s e . < b d h f l i C S L o n o s q e s p e a c e r m s c p o r u u u : b l b d { i } t t t t a e o r e s p a c e n o r a p y w w ; h h : d l b d l b l l i A t t s o a s c a e c r a s e a s a s o c p a r n s e m p r e n a s o a n e a u u . , i b t > > > > > e m s r o n g u < < < < < d b d l l l b l i i i C i i " " t t a n o e s e s c r e n o a g o e g a s n a p a r e s p c a s p o n g o q e n o p e n s a r s a e s o e n q e r c r s a y u u v u y u u u , , l d l b d f d l d h d i i i i " " L t t t t s n o e q r o a s p o n e r o e e g c r o r a r m a e a m o s q e o u u v y y . , , l h l f d d i t e q a n c o s c o u . , l h l l b l d f l i i i i i D t t t t e m > e m o e n o q e e s q e a e r s m a r c a p a r a s a s q e q e r s a r n a s c o n a e q e a s u u u u y , , < d f d f l i i L t t s o n g > q r s a r n a s a n m a o r o n r m e s q e o n g a o e p s e n e s n c r s a e u u y u v v . , < f i l b d l ( l d d l ) i i C S i t a r e g r p e q e p e c m r m n c p r s o y u u u u . , n m d l f l d f i b l d i C i i i t t t t t o e g o w n o r e a m n q e a s e p c a r n s o c n r e o p e s a r a e g r a u u u u u , , h : n t f l i l i d i d l i b d i t t t t o s c e e c o r a n r n y x u p a r c r a a r a m c a s m s c o s a c o m y u v y , , , : : l i l i l i h d t t t e e c o e n c o r n n r g x v x p n n p e m a p r u . , : : h l ( ) h b d ( l ) i i i P " " t t t t a c e u a r p o n e r c a r c e r s e p c a e s c o m a c e n o s a q e s c r c o s a c o m s e a m n e n a e s y u ; . & ( l d l ) b d l d i i " " " " P m p e n g m p r a n e n s p a o a n p r o r e s o c a q g o r z y y ; v z u v ; . , , & E b d l h b i i i j t a m p e n c n a s q s r a q q p o n r p r a n u u u v u z u y u ; u u , , & d d a s e a n a g n v . l ( ) d l ( d l l ) i i i i i i i P I L t e a s s o s a e c p n s n a r e c n c a q e r a e n a m a g e n e n a c e o q e s a e n u y u x u u u u u : , , U R U R d l d b b b i i j i P t t t m p a m p r s n s e n n e r e s r c o m o r e m p o s q r s p o e r s n u ; u : . , , & w l l h ? 2 8 / / 1 4 5 7 t t t g o a r c w q e s q a s u = = : . . , h : h & f l l f i b l ? 2 8 " / / 1 4 5 7 " I t t a r e p g o e s e a r c e s a m p n o r m a c o a c e n s o r e w q > u ; ; = = = . . < h h : h & & 2 8 1 4 5 7 / a > < lo lo d le f d le d lia it is ie ie jo im ir is T te t r n q n q r a s n a e g a o r e s s p s e a n c o n e c a m e n s o s a a n o r s e u u u v v v u y u .P ,q la c o s e s .e
no es necesario No uses , , , sino , y CSS. Cuidado con los & en las direcciones (URI) Aprovecha las listas

 l l ) l l l d l d l l ( b d i j C S H T M L L t t t o > > u s o n o s e m e n o s c o n o s m s e p e g a r a p r e n e r o c n s o n a s a s o r e o y u u . < < b d d d h l d b i i i i t t t m r p a e n p c e p e a e r a r a s c o m m e n s a g a c n e s p e a u y u u v v , , , , b h t m c a s m s c s a y . , l b d h l h d f b d l i i S t t t t t n a s p g n e n n m c a s a s n q e n o e a s a o c e n a o n a o r m a m e n a e s r c r a u u u u y u u u y u u . , E w d l d b d l d if i i i t o r m c a p r s e r s e c e r e s o n e g r s y v v , d b l b l d d l i i i i P L t t t h d ] / i / i i / e s m r g n a c o m s a m c p a p r o a r s p o s a e s e a s a s u t t t p c s m a e s g n c m a s a m c x u : . . . [ i l d c a s h l l l d l l i i i j i i i M t t t t t c a s e c s q e r s a p c a r n e s o a r o s e m e n o s p e r o n a o s a e p o r e m p o s e n p g n a e r a s u v u u v v z u u v ; , , d i d l d l b h i i i i i j t t > m o o n a o s a n e s q r s q a g s g c o n m s s n r a e o y v y u u u , , < d l i t e s o m : d i { b d l i d b l k b k d l } 2 o r e p s o a c a c g r o n e o v x y w u ; ; : : b l d d d l d i d l ( l d d ) f l l l i i i i H t t v > a q e c a m a r e s e o e o s o e a p g n a n q e n o s e a n o s e a a a c e a a g o p a r e g r y u u u y u . < l l i t t t n o s p o s e e n o s c o n r s a p c a r e s o s o e s o u y . , h l l l l l d C i i i i i i i i L t t t m m p r a a s o c n e g n e n c a q n r e q e r c o p a r p e g a r e s o s a s o c n e s n a y u u y u u y u . , d d d l l l l i i i t t e p n e n o e s r e m o s a o s q p c r e s o s n v u u . , l d h h b C i i t t a m o a o s n p r e c e q m o a g r p a r o q e a q e a c e r s n e a r s e n o m r e u u u y u v u , ( b d l ) l d l ( l l ) h l l i i i t t t t c a s n o m r e c a s e p r g n r s e o a o s o s p o r e p r e n c e n a m s c s o e a c o n a r o u . . E d l d i d d i l d ( l d d d i j P " " t t c s v > v > v > u r m p o n s a n r m s n q o a y u u y = , , < < < lE ) s . l d b l l d l d l l l h i i C S t t t n o c e s p o e m o s c a m a r e s o a o s o e a c s e a e c o n e e a c e a s v z : . , d i d { b d l i d b l k b k d l } 2 a a o r e p s o a c a c g r o n e o v y x y w u u ; ; . : : d d l d i d b d l d f i i i i T t t t a a a a v > y y u u s o q e r e c r o s o m n p o r a s p o n e r q e p r e n c e n a c a s e p r a e r e a u u : . . E < d l l l ( d i ) l f l i t a y v > u s e o n p e r o a m e m s m s c c a m n q e p r e n c a a c s u u z . , < b h b l l d l l l i i i i L t t n c a m o a r c s a s q e e m e n o a q q e r s a r s e s n c o s e a o a e n a e n a p g n a o v u u u u v z . , , , E d h l l f d d i i j i i t t t c a p e s c e r c n g a n s c a r p e r s p r e c o n a a e q e m o s c o e u u u u , , , f d l b i d d i d i l d h b i d iL i j i " " t t t t t o v > e r o p o r p o o p r r p s q o s u y = ; . . < N l h d l j i e g o e n a o a e s s e n e u : , , d i i l { b d l i d b l b k d l b l k } 2 1 t o o r e p s o e a c g r o n g r a c o r a c v x y u u u ; ; ; # : : : ( d l h d l l l ) d l l f l i i i i i " " " D t t t t t c o n s o e n o a m o a a o c m o q e r a s a m r e a e c e n a e q e e s o s e r e r a n s o e m e n o u u u u u . , , # d l b d i l l i d i l l i i T " " t t t o o u u e a p g n a n a r s n p o r a s p n e r s a p c r a m n o n g a e a c a s a v y u = . , , # ( i ) t v > s e c e u < f d l l f l d l f h d O i i i j i " " P t t t t r a o r m a s e c o n a r e m e n o s e n e a r s e r m s e p c o o r e m p o s o s o p r a o s q e a e n r o u y . , d d i l b l i l d f d f l d i { i C S " " p c s p e c a p v > > v e n s o n p a e s s c r a r c a p r a e n e a r e g c m o u v z = , < < } d ( d l d i ) f i " " t t p > v > > q q r c o m o s o q n e n n p n s o e n r a u u u u y . . . . , , < < < h h l i h b h l i i i i P A t t t c a s a m e o r c e r o a s o q a e e n a o r a r o q e o a q e s a r p r q s o m s o q e y v u y u y u u u . , , i d . i l l t t t > > s c r p s e p e a n g a g e y y u < < i j i l b l ( d d f d l b i i H " / " t t t t t s c r p p e e a s c r p a n g a e y x v > u a q e o n e r a r o n o s e s a e o a s o r m a s c a n o e s c r y u u u u = . < E p l b l ) l l i i i C S L " / " t t t t s e s e p e e c s y > y y x > c o m r a o o n a o r q a g o m s o c n e s p o n u u = : , . < ,< . a
Identificar elementos: e y requieren , no

 f l d d l b l i i i i i i i M I t t t t t s a n o r m a c n s q e s p o r q e s o n p o s e s a n a r a o s n o p a r a s c a q e r a u u z u u . , , E E 2 3 1 > > > < h < h < h d b l l l d d f l d l d i S i i t t t t t t o s e q e a s e c a e c r a s o p r q e e o s a e m s g r a n e r e n p a r e n r a e s r c r a e o p o e r u u u x v u x y . , N l d b d l b h b i i i L t t p n e r o s c n s n e s c o s c r a p a s a q s e n p g n a s q s u u u u u . , , l l l h d d im i a n a r o p r o q a n a u . d b d l l ( d f i ) C i i C S i t t t o n s e z o q e s c a m a e a m o e o s e p r o e a u u x u . , b d > o y < i i i d b i l f i b k d b l b i l i k i L t t t t t t t t m a r g n e g m a r g n o p m a r g n e m a r g n a c g r o n g c o r g p r o e r e s e n w x u o s a r o s c o m u , , , , , , , , , h h h l i k l i k b d l d l l b d d l l l j C S i I T t t t n n v y > n e m o e o m q e s r n n e s e o s e s e a p a n a a n q u u u u . , < l f f b d i i i i t t a g r n a s p o r c e m p s a o c o a n g o s s u v y u u . d l f d l d d l ( f d l ) l h l i j t t c a s o e s q e o s e o s r m n a e s o e p g n a m r g e s o n o s c r e o m e o r e s a c e r o c n u y , , , , E b h b b b d h d l l b ( d j i i i i t t t t t o y > y > a q e c r s c r n c o m o o s n a r m o a m a o r a q n y u u u . , E < < ) H T M L . h l l l b d d f i i i i i i i H t t t t a m c a s e q e a s p a r a s c o s a q e s a e n o r m a m e n e n p g n a s e r e c o n e s c a s c g o r e r e n c a s y u u u : , , , , w b d b d i d l d f i k b b l i C t r n m r s o c c o n s a m p > y > > > > > > > > > q > > r e s o n c o v . , , , , , , , , < < < < < < < < < < < < ? r > < d l f l l l d l d l d l i i i j B t t t t t a s n e s e c o m p o r a n e a m s a o r m a p e r o a q e e c g o e s r e n p a r e n e r m e o r a e s r c r a e u v u , d b l b l d d d d f d i i i i T t t t t o c m o a n e m e n s e p o r a p a r o e n s a c a p m n o s n n r u v u y . , d f d i i q e r n a s . l d l f d i i i 4 0 1 P H T M L t t t h h l d l h l ] / 3 / T R 4 0 1 / i / e s m r a e q e a s c e p a s e n a e s p c a c n e t t t u u p o r g m n e m e n s m w w x : . . . . [ i b l k > > m a r q e n u < < ( d l ) l l h S i i i i i t t t t t t o n e q e a s p r o e a r s n e a s p o r e m p r e s a m a s s r e n p a r m o e s a r n a o a c e o n e o q e s m e u v y v x u u v . , U l h d a r a c q e a p e y u . h d d f f d S i i i i i P t t t t t o s e r n o n e m c o s n a e g a o r e s q e r s r a r s a n e s e n a o r m a m s e c a p e s a r u v u v u u v u v u u . , , ( d l ) l d d i G i j i I F t t m g e n a a o p r e m p q o s q o p n e r m o q e n g n n a g o r q p e m u u u v . , , b lq lo b lic l a s a r s c n o m , h l b l d l l h i i i i i M t t t m p o r a n e a c e r o e n n a e g a o r c a s n o s p o n e a s q e n e s q e s r q e n o a g u y v u u u . . , E l l d h l l d l f d i i i i i P t t s a e s a r e g a e o r q e a q e s g r c o n o s c o r e s e n s a e n q e n o o s a n a m s a c o n g r a c n e u y u u u u u . l l l b b b l l d l d d f l j i P t t t c o r q o r m p o m n o s e a n m g o r p a p e r e p n e r e n o r p r o e u u . , , b b f d d i t n c o n s a c o c n g r n a a y u v . , d l l l d l Q i ? Q L t t t t t p a s e o n c e p n e s n e o e c o m a r e o e r a s p e r o o e r a s q e c e s a e r a u u x u v y v u u . , , l l b l b b l d l f d i i i i i i A t t s o c n e n c a s a s c a m a r c r e o e n p r m r p a n c m a m n e c o e o n o s g s v x u : . , d d l l b b d d l i i t t e q q p r o o r o s a s c m n a o s s o a s g r o n a e u u v u . , , E f b t m r e o x . , d lo lr f d ld lg d d l is ia ia C S T H T M L t t t t t o s c o e s o r m a n p a r e e o o p n g a s n o s m e n e o r s m e n e e p a s r e u y .N ,o
Las cabeceras , , , ... son para cabeceras no necesita atributos Conoce las etiquetas HTML No uses ni

Colores

Si pones uno, ponlos todos

Todos en el CSS

b l i t p r o e m a n e r o . l d l l ( d f l l ) i j i i i H P t t t a a r o s o r e m p o a s e a s r e g a s o n e q a e n s e n e m s o c o r y v u v : . , { l d } e m c o r e ; : f 0 # } 0 ; { l b ( ) } 2 0 5 e m c o r g ; , : 1 % % , l b d b b b l d d i i i i L L t t t a p r m e r a e s c o n e n o m r e s e n e n e e n a n q e n e s q e s a e r q n o m r e s o n o s a c e p a o s a s e g n a y u u u u u . , f h d l l d f d l f G i 0 i i B L t t t t e s e n o e a c m a c o a o r e a p a r c a c o a e r c a p m e n r m p o n r c x u v y . , R l d f d f ( ) h l d l 0 i 0 1 i i j L t t c o c m o a q o n r c e v z y u . . , 2 5 6 6 d l l l d l d l f i i C S T t t h d h l ] / 3 / T R C S 2 1 / i # o e s o e p c a e a p r a o e c o r e s e a e s p c a n x t p o r g s n a m c o n s w w y u : . . [ # l.H l f l f io 0 0 7 7 c o r c o r n o o e s o p c n a a q e p o n e r y u ; y ; . N : # : d l d l l h l b i t t t o o s n a e g a o r e s a s o p r a n p e r o p a r o s q e s a q e a s e a n o n a s v u z u v . , , N d l d i i i Y t o o a s m g e n s e n o s p o s v : l l l h b i D t t t e c r c o m p m a n e o o a c e n m s o n o v x y : . h f d l f l l i j i i i P t t t t t s a s a e n a p r n e r o o r e m p s c o n e n n m a p n a r m a m a e m c a o a g o x u u u . , , , N d b i q n o p e c r s e c o p a a s u u x . d l l l l h i i i i i i T t o q g o a q a p a c q e r m a g e n p e r o e n s p e c a a s q e s o n e c s a r s e n a p g n a s a a u u u u u y . , l b h d l l d l i t t t t t q e r a r a s e p c m e n e n p o r s o n p o r a s a q r e r n a a o q o p e n e r u y y u v u v , l d l l i i i C C S i i t t n c m g e n s p a r s a c e c e o n o s m r g e n s p o e n n m e n s c o m p c a r s e a u u y . N id a v . l d l l d i i i i i H L t t t t a p o c a s e r n a s c a s o a s e n a g o m a o o q e o s e m p r e c o m e n o e s y v y u y : . , f b l d f d d l d l i i G P J P t t t r o s o m g e n r s q e s e n r s m n a o s n p r a p e r c a a s a e u z u . , l d l d l l d O i t c p a p c p r o s e a e s q e p r a a c o n e r p r s r e c e u u v u . , h d l b i i i i t t m g e n s a q o n a g n m o c o r s r o m o s o c o m n c m c o n a c p r a u y z z y u u u , , d l d l G i P t e n a a o p r c o p p u y u u y . . , N N l l d d d S i i i G S i i P t t t t t t t a e n r s r a n s e s o e m r a n s a r e n a p o r a n e e p a a q e q e n m z u v y . , N b o o s . d h h b f i i C G A P h l d l d ] / 1 / % 7 i / j / / m a g e n s a m a o m c a p c o e s o n o e n q e y u u u t t : p c o m a m r p o c s a p n g w v v : . . . N [ E b f d b d d h b i G I F M t t t s e r n o r o c n e s a o r m o e a r a s a r a n m a o u u u , N b f d d d d i I t t t h l b ] / i / / e s n e n r m a s a r n r s o o n e o s a e g r n o s e q e o s t u y u u p p g p g w u : . . [ l d l G i M o e e n n p r v v . N d f ( ) d l d d C G G i i L P X I F B M P T I F T A t t t s e m s o r m a o s s o n m a n c a o s p o c e s a e m s o c p a r u y u y u . ,a ,g , , , , , d b i in e m a o p a s r e n p a e u u . e w
Formatos para especificar colores En hexadecimal llevan el

Imgenes

Cundo usarlas

Formatos grficos

Enlaces

l i i j l d i d d d i l d b l l j 3 P " " " F " " T t t t t m g s r c m a g e n p g a o e m o r e n a o r g a n e e o s e o s c a e s m o e s a n o r e m p o = = = . , < d l i t m c c e s a n e m p r y > u u . h d l b i i d b d h l i i j l i 3 " " " t t t t t e g m g s r c m a g e n p g a o r e w n e e s a r o s a r o s a g o c m o v z u u y z = = . , , E h h h < l i i d b l i d b l k l d l d ( l i i C S 2 8 0 2 0 " 1 1 " t t t s g p p o r e p s o a y x w x x > p r q e o n o s r a c o n s c o n e s e o e ; ; ; u y = , h h : : : l l f ) j i i i i t t t a o m o r p e m e s c a a r e a r n r m n u v . b l d l h d l d b d i i i j i V t t a e n q n a g a o r o n c a n c a n e s e c a r g a m a g e n p o r q e a s p e a r n c a r o u v z u y u u u u u u , d l d l l h d l l S i i t t t e m a o e a c o e n e s o a r c a n o e s r g a n o p o n e s m a g n m c o m s g e o q e x y u . , d h b d l d l d f i i j t t n g r s m s o e m e p n s e p r q e p s q e m v u u y u y y , , m o s . l f l b S i S i i I t t t t p o n g o q e s o m s m p o r a n e n e r n n o e r a p o r e o s n o c n o c e r a m o s a n s p g n a s e u u u . . , w l l b d l d d l d G i i i j t t t o g e o r s e p a s e n p o r a s p g n a s e s c a n o e n a c e s c a n o e n c e n r a n o a e n a r e c n n o c n y u y u u u u , , w l b l h h f l ( l b ) d l f i i i T t t a s p a r a s c n a q a e c o r e r n c a p g e m s r p s c r r q o m a s e m e u u . w h l b l d S G i A " " t e n r m o s a p r m r p a a n s : , E d l Y t t h l h l d ] h ] / / ? / / p r e c m o t t : g o e s e c q r o n s g e s w w = : : . . . . . [P [ l l d l h i i t t t o r a r n a e r o g a e o e s e n a c e s o a g s c o s a c o m z v x u : . , N d l b d l i i A t t h d l l h l ] / / i / q p r m r r e c n a r a u t t v u u u p n c e m n c o m g c a n m w : . . . . [ i s n o : d l b d l i i P t t h d l l d h l ] / i / i / e s e r m a r c o s r e c n a r a u v u u u t t t p a n e c m e n c o m g c a n m w : . . . . [ b d l b l in io i G i i " " t t t p o r q n o n e g n n q e r q e s g a e c o a g e n s a q e n o g e s n o q e n e r s a q e u u u u u u , l d b d l" " t s a g c a s q e c n a a u u u u .
Ese texto que sale al pasar el ratn se hace con Usa el CSS para la altura, anchura y borde Los buscadores los visitan (tenlo en cuenta) Usa un texto descriptivo

l t a d l l l d d l i i i i i i i T t t t t t t t t o a s m g e n s e n q e n e r n e o a e r n a o q e s m o s r a s e s a r o e n e s a c a s a m g e n s u u x v u u v , d ( l ) l d ( h b d l i j e n s n e g a o r o q r r a s o s p o a g n p p e m p o r o e n c o n e o a u v u v u z u x , b ) d h i i i i A t t t m g e o s a m s a s c m s m n r a n n g n m a g p o m s r p r q s x u y u . , d c a r n p o e v x . , l l h l l b l l i i j l d i j i i 3 " " " F t t t t t t t t a m g s r c m a g e n p g a o e m p o r e m p o e o a e r a o a q p o n e r o c n e a r o x v y u u = = . , E < b d d l ( ) d d d i i i i i D " t o r n a r g n e > e s e r a s r p c n e m g e n q s a m a e n n o c m n a r o s e r a q s e u y x y u . , , l i m s r o s p r a m g r u x u v . d l d l d b l b b l d l i i i i i i T L t t t t t a o a s m g e n m p o r n e s e a p g n a e n e a r n e n a r o a s m g e n s e c o r a s o q e n o a e v u u u v u v . l l l b l ( ) l h l l i " t t a c o p r o c s o e s q e s p r a q p n e a p e n e p c a r s c o a a p n e r x u v u y u = . , i l t e l l d l d l b S i i i i i i i t t t t t t q e r s q e a p a s r e r a n p o r e n c m a e n a m a g e n s a g n c a r o c n e o e n s q e p o n e r a r e u u u u u u x u u , i l ( l d ) h l b l ( d ) d l i i i t t t t t t t o m g n o s e a c o e r o r p r a o n e r a q s r c o m s o e a v y v u u . N d d i l d f b l l i i t t m a g n p a c n o p m s a r e s p r r m c n s m a g a u . . , E t r m n p e o N, .

Pon siempre el atributo

t t a r g e d b l d l l b l d i i i i j t t t t o e n s q e c r m o e n q e a r s e a s a r o c a e n a c e s a e m e o r q e c m o e g s a n e c a u u u u u ; N ( l ) b d l i i i S i i t t t t m o p s a s e n a n n p o p e n m s p g n s a a m n s r s s n e s a n v v y v . . , , , , , b h l d d l l ( d l j i n a q o s o m o q e e q c e o o m e s v u u u , l ) t a p c m u y y . , l l l l d d i i i i i j i S i H I J t t t a p g n a s e n a s q e o s e n a c e s n o e a n n a r e c n s n o q e n e a n e c a r n c g o a c r p s o y u v u u u u v . , U R E h h d ( l b l ) h d l l G t t t t c e q e m c g n p r a c m o e r o o g e a c m c m o a n e g a n p r o s a n e u u u y y v v d l d d l i i i " A " t n a e p s a o q s p e r o s m p s u v u v v . . , la l,c f lo H t r e o c e s a n a p n n e c e n o r m a o n s a s u u u z . N h l l l i C S i o s n e c s a r s p e r o s q e n o c n o c e n a s a n p a r c a q e r c o s a u u u u . , N b l ) b l d d b l ( i i I D L t t t t t t t a e > p o c a s e c s o n e c s a r s e n e r n e s a r s c a n o e n s q e m o s r a n o s a o s e n a s a s v u u u u . < b l d f l l l l f b l d b l i i j i P t t t e s r c r r o s r g n a c o m a s o r m p o p e m s a a p r c a c o u u z y u u . . , , , d h d h i i i ? A Y t t c o e p o n e n c s n r e p e a s g n q n e g o s p g n n o m c u y u v z u u . . , l l b d b d l h d i j C S P t t t t c a s e p a c n r a c r o r e s o s e p a r o e o s a r o e s e e q e s m c s c m o u u u u . , , , , N l d t c o r n o a o s n e g o e s y v . , d d b l i t t t t t e c r n c a m p a r a o s e n s r c r a a r u u u : . R b l l b d l f l l l d l l i i i i A t t n a a e n s q e s p a r a c e c r a e a s a s n o r m a e s p a r q e o s n a e g a o r e s o s e p a n s a g e n u u u v u . , , E ( l ) b l l d b b l d i i i i t t m p r m e n p a m r g q o c p r p g n n g a r r p a c c e r a p r n c p o e u y u u v v d i c a g . l d b l ( b l b d d i ) l d S i i i i t t t t t t t t t t a e o r c a p o n > y > > > > > n o c n o c e s a e q e a s a s p a r a s o r a s m r a s e c n e u u y , , , , , , < < < < h < < b l d l l f i i H T M L H t t t t h h l b h l ] / 3 / T R 4 0 1 / / a s e o c n s a n a p g n a m s e c a a c n e a n s t t u u p o r g m s c a e m w w u : . , . . [ i d l ( d d h b ) i " " t t a p o n > c o m s r p e c e q a o s e e c a r n s p o v x u v u u v z . , < b l d t t t > > > a e r < < < i d i b d l b k d b l d f d l d h iq i ir i i C S T L t t e g o r e c o r a c g r o n g c o r w u n n n o e s o r m a p r e s e o s e a c e o n a s y . ,n ,c ,s ,t ,. N h h h b lis d l f i in i t t t t t a s e a s r e s p n e n e n p a e s r r a r m a c n o a o r n a y u u v u . , d b h b l l b b i i i i t t t s o a e s a n c a o p e r o q e r a e s c r n p o c p o r q e n a e a c o n a g e n q e a n a s e g r a q e a n y u u u u v z u u u u , , E b i e n . l h f l l l d l h l d i i i i L t t t t t o n r m a e s q e n a p g n a o a g a p a r a p n a e n o s o a o a r e s a r o s e n n g e s o r e u u y u u . , E d l l h d i i i i i A t t t e a s q p r m m o e r e m e n s o n r o g n r s a n q e s o n e a c r v u v y z v u u u u , d d lp l.q h f. ie ia ito t m o g s e s e o c e u
No especifiques destino del enlace ( ) Los "enlaces" con JavaScript no son enlaces normales

Tablas

Casi no hacen falta

Estructura de una tabla

Ni

ni

ni

necesitan atributos

Frames

No hacen falta

h M c o s u : d d l d ( ) f l d l d l i i i i i " F " t t t a o r s c m e n o s e g a r a p g n a q e s e n o s n o a e p e n g a r e n o s m a r c o r e s u u v u u v . , N N f d l t r a m s > e . < b l d l d d d b l l i j i " A " L " A " t t t o n r s e a g a e c m p e c o m c o s m r o m s o c e c a r s e a e v u z : . , E d l b d i i i t t a r o a p g n s n a q e s a s n v u v . f i i i t s c a s n e a r m p r m r n p g n o n r a m s u u l b d l d l l h h b d l i i P t e n r s o c o a s s c r o p e o e r o c s a m c o s a r o s e o r a n s n o a a r s e s c r o v z u v u u y y . E d b l l t e c o o c e n a . b l f l l b i i S i L t s s c a e a s r p g n a c n r a m s n e o r e p u v z u . , ) l h ? i P P h l h h ] / / ? % 2 % 2 0 % 2 0 % 2 0 % 2 q p a s o r q e r o m p e s o q e s m p r e s a t u u : p g s r c q e s e e w u = : . . [ d d d d i i i i i i I t t t t e g o e n r n p g n a c n c a c n r e p s e n a n a g n a y : . , l l ( l l b ) i i j D t t s r c a o s e a n q a g n o n e s a o m o s e m s c z u u u b l d d l b d l d i i i i I t t a n p m s e g r e s e a e n a r c o p e r o p q e s s a n o u v u u v : , U R d d f d d d i i t e o e r p o e r n q r c o e r c n u u v . h d l d l d i i H I t t t t t t t t t a m c a s p g n a s q e s a n o s e o s a p e s c o n e a e e n a e n e r p o r c o m p e o c a p n o p o r q e y u u u u , b l d b l d d b b i i t s o n p r o e e a g r e s q e e r n s u v u v u . w L t o s n o a o s c r e n q e v u : l d h f d l d d d l i i i j i S i H t t t c e n q a p g n a s e a m s r p a p o r q e a n r o o q e n o e n q e c a r g c a e e o a n e o o u u y u z u u v z v . , d d l f l d l d l l l i i t t q o p e c o o a m e s e c a e o s a e g a r s q a m a c n s m s m g n s a s u y v u y , h i i t a n o s e s c r g n m g n u v z u v . f l l d l b d d d S i i t t t n c m a n e p r q a p e a c p a o e s n s e p r a o o p e n a e q e n e q e u y u u . , w N d l f l l l i i i t r p g a s o p a r o s r s a a r a s e m p r a v y u z v z . , b d l l d d i i D L t t t a s a a q m e n e s e m e n p n o q n s e s g r a q s o u y u v u u u . , ( l ) h d b l i i i i t p s e m r e c o n c r c n q m o c n n s e n e r s e m p r e e m e n u y u z y v , i i m p r n s a r o . l d l b d l ( l ) l i i i i P A t t t e a e a m s a r e e n a r a e r e c o e s o m a o a c n a r o o s . . E l d i s a n s c o r n p g n a o s m c o s v u . l j t o e e o m e n a s v . N d b l l d d d d l i i i i i P t t t t o e s m p r e s c n e n e r s e m p r e m e n e n c a p g n a e s e n r n a p g n a e n r a c o n e m e n q e u u u . , N le d d l b i a c a n a e a s c o a v u . w l d h d d l d l S in i i i i i i i t t t t t e s r p r e m s c o n e o e n a r s p g n a s a a r o s m o s o s c o m p c a o s m a o s v y v : , , d d l l d b l S S j C G i P H I I t a e n c e n g a c o m o e r e e n q e s o r v u u u v u . . , U E w l i f i j j i d d h i I " " " / " t t t t s c r p s r c e r s p a s c r p y x v > n c n c a p g n a n n n e s a g n u y u = = . < h d i ( i d ) l d d d i i " " t t t t o m n r e o r e p o w s q a e n o n r n a g o o n e g a o r e s q e n o ; u v v u . . E ( h b d l ) l d d S i G J A t t t s p r a r q e s m o e o s c a s o g e q e a e m n c e s a v u u u u . . , d l C i P p e g a e a m c m y u . . h ( ) f d l l i i P t t t m e n s n o c p a a c r n p r o g a o q e r e m p a c n a r s m g c s a a p o r e u u u . h d l h h h i C t c g o r a q q e p e q e a p r g a m s q e e o u y u y y u . . f l f d b l d b l d b l d j i C i i i M t t t p o c s c a s o s c a n e n e r q e s a r a m e s o m a n a n s m o s p r o e m a s e s a a a c e s a u y u u u y . , l d i I t p o n e r s e n e r n n o e s o . l b d l d d l d i i i i i i t t t a o q s q s c a r e s n o n e n p g n a o s a r o s n o e p e a n a r a o s m a r c o r e s n o e n g a n u u u x u u u , , l l h b b d d d i i i t q e m p r m r s e a n a e r e n m p o a n s c r e s q e e r p o e m e s g a u v y v y u u , s a d ld lis lu ( lo i) jv ir Ir t t t c o p g c e r o a a ev r n n g y u u y .d ,q E h lh b c a o x .p
Inconvenientes (frames are evil) "Ventajas" de los frames, desmentidas Qu usar entonces Cundo usar frames

 d l l f d i i C S i M A P t t t t e s p c a c n e c r p s e m a e s m e n s o e s c o n s a r u y x u u . E E l l d t h l b l d h ] / i i / i / / 2 6 q e s c o m s e a m e s n a r t t t t u p c n r a o a r g p c a o n a r c m m w : . , . . . [ E d l l d S i j J J A V J A V t t h ] / j / e c r a q e c n o e q e r c o n e n g a e c o m p e o s a o p a r u u v u v t u u u : p a n c o v u : , . R [ l i i S i S i S i S i T J J V B t t k d k ] i i / i / J S i c o s a m s r s a m p o e s m s o a c p q e c r c r p c r p n v u t y : e s p e a o r g c r p w w . . f d d ( ) h f i i i M W M t t t n o n e c r s a r a o r a s n o s r r g m s g n s c e c o n v u z y v . w l b d d d ( b l d f ) S i i " J " M t e r c r p p o a c n c s y , , d b d l l ( l l ) h l l S i i j C G i j i P H I t t e n s e r o r e p e s p o n e r a g n e n g a e c o m o s c a q e r n g a e a o s p r o g a m a s e n u v u u u u u z , , w d h b d l d d d d l h j j i i t t t s e r o r m c m o r q r a s r o r q n s o r e n a r e e o s c e s p o r q e n s r g a v u v u u y ; . , E d l d i j i i t n q a p a s e g a r a n p r n g s c r p u u u : . f d d l b l h d S i i i i i t t t t p e n s e n s o e r q a n c a o r m e q e o s o s a n e s r e c a e m s o r a o e s a c e n o q e p r e a r e v u v u l l d i a s g a r . f d d l d h l j i S i i C S j Y J H T M L P t t o e o s c a o s a r a c r p a r a a r s a r o e n c o s a q e n o s e p e n a c e r c o n o o r e m p o v u u v y u u u u . , l l h d f d b h h l d i i i i t q e a c r g a p g n n c o e o e n c p r e m p a r c r o q s a m c a s c a s a s u y y u u x z u y u , d l l d h l d S i i i " " t t t s n n s o p c n a r s s a n s n g r a e r o e s y u y v y . , , E h i t p r q e q e s c r s y . d d l d b l f d l b l ( l C i i i i t t t a n o a n o a a n a n e g a c n e s c a n o c a m a n a n e r a e a e n a o q e a n e n o s c o m e c u y u v u z v u v , , d h ) b h b d l i j i T t t t e r c e s r c o c o s q s e m e s o c e n c m o e s m e r r u u v y v . . , , w h d h d b l b l l l h l b i i i i i S L t t o s c r p s n o a n e a c e r c o s a m p r e s c n e s p a r e r e n a p g n a o n s o p a r c o m p e m n a r a c e r a e v y . w f l d m e r u . d h f l d l d ( l l i S i i A J t t s q s a s n m e n a c r p a s e g r a e q e a o r m a s n o r m a e s e g a r c a s e c n c o n o s e n a c e s u u v u y , , ) a > c o m e m p r e . , < d lo h lic d f h b b d lr d h d C ilo ie i t t o n o e e p a o e s c a c e r q e n a e s e n o s o n a e g a o r e s a q e n o a n e c s a u x u v v u y ,a , w d d d d la d ir iq ig t t t e m a m e a n s c r s q n g a r s a o p r a r c u v u u u . l h d f l d d l d i i i F t t t a s n o e s n e s n a r n q e s e s p c a c n a p e n e r o s p o r a n o c a q e r a p e c r e a p r o g a m s u u u u u v y u u u , E l f S W F t q e e r m a o u . l ( l d d ) f l h h d i i i i i i i M t t t t t s n a e c n o g p r o e a r o c n r a o e s n a r p o r q e s e s p c a c n a e c o n c a m e n a c r o m e a u u u , , E ( d b ) d h h d d l d i S O C L I W t t t t t e s e s n c m a r s n a r e s a n e o e r e g n o o p n o y y u u y . , 3 l l i i i t c o m r o p c n s o s o m a y u . h l h d l h d d b l h i i C S i i j V F t t t t t a r s e c s e s o a e p r o s e n c a n o c n r a e p r o s e n a s s c e n o s r e q e s m e o r c a c e v v x u x u u y u , l h l b d d i i i i M F t t m s c o a o p n s q a p r m e e r m a s n a p g n e m n c o a q n s e p n u v u y u . , w h d h d h l h l C S C S S i C S j H T M L P F t t e n o q a p o c c e r c o n a c a s n r o a s u : . . d l l l ( d ) i i F t a r c s n s y . a lt d l lc la i id in t t n o q e s q e s e o p a r e c o q e r e n p a r o m p e m n a r o n e o e p g a e r o n e r s q e u u v u v v u .P E d l l d ie ie ip ilc t t t n a p r r c r o n n a r a p c e s s a g r p o s e m s n u u u

JavaScript
Mejor usa scripts en el servidor Los scripts han de hacer cosas cmodas para el usuario Que sea opcional No hagas browser sniffing

Flash

No es para sustituir al HTML o CSS

 h d d b f l l b l l i i i C S S G A H T M L V t t n q e p a r c o m n a r g c o s e c o r a e s c o n e p r o a e m n e e s m c o m s a e c a o a q e u u y u u u v y , , b d d ( d f l b d l ) i i C W X M L t t t h ] / 3 / T R V G / s s p e c a c n n a e e e s e s a s o n s e s n a r p r u u v u t y o r g w w : . . w 3 E [ d l b l d l j i B t t o p r s o p o r a m q a g r o s e e s a s s n a g o r s a o s p r n p o r v v u l l j i M h l ] / i / j / m o t t z p m o g o e c s g w z v : . . . [ b l l d b d l d d l d ( i i i i i C S H T M L T t t t t t n a p g n a e o m s m p o r a n e s q e c o n e o e s e n s r c r a o c n o o o e m s u u u v . , E w h ) l l l d i S i i J F J t m g e s c r p a a s p a r o s p r g a q o p a n e v v v u u v . . , , , , d b l d l d l h i i i i i P F t t o r o n p e s o g r n e a q e a e n p g n a c e r o r a s n e c s e n e r s a r e p g n e a s u u u y u u ( d l ) d b b l d l l d i i C S S i i i J T H T M L t t t t n p e e q n g a p o e n c r p c o e s r a c e s e c o n o e e v . , , , d d l i t t c n r a n a q p o x u u . l l d l h l d d d d l i i i i i i P F M H t t t t e s a q e s m o r m n o e n r e p g n e a s a n q e a s e a s c a s e a c r o m e a g a n o c n r a o a u u y u u u y . , h l d h l i i i S i W F t t t t m c o m a o p e a s p a r s q n o e s o r e m c o n e g o r s q e p r o e s s u v u x v u v u z , h l h i O F t t t s o p r n c s q p o a p r n o r n r m n n a s r c m o e n y u u z v y . , , , l d d d d f d f l l d l b l i i i t t t n a p r o e c c m a q s m c c n q s e u u u . , d h f l l b l l l h d C i S i i H T M L t t t t a n o a g a o s e p a r e s c r e o s a r g o s p a r e s o e s e o a c e s p a r e c o a n o e n r u u x ; . . , N b d f l l d l h d h i i i S i F t t t p g e p o r q e s m c g a a g n c n e n s a r e s c n o a n o a m s c o m u y u u u . , w f d j i t t a r p r g m s q e m o n o p n e r m n e n a o u , l l l h d h i i i i i i C i t t t s a o a r a n m a c o n s e c r a e s r o g a a s n e r a c o s e c o s a s e m p r e s a s a o p a r a c e r v v u . , d d b l d h b d l h i i i i i i t a n m c n e s q e s r s m n p r q e a s m p r e a e o g a n s o p e n c n o m c o u y u u u u , w b d lh ( ld ) F q e p c o c a u y . l ( h ) b l l O i i i t t t t t r a e c n o g a p r o e a r p o r a o r a p e r o m p o e n a m n a g o e n a u y y . , d l d i i i T J t t t t e n c e n a q e n o o s e n p g n e a a s q e n o p n g a s c o s a m m p o r a n e s u u u v u u y . , l h f l b l d l d S i i i i i i t t t s o q r s p a r a c r a m a c o n e c o s c a o e n a a e c n p o r q e n o o s p o r n u u u , , l l l b d d l d l d i i i t t t t e r c m e s n o e n c g s e o e s r s r n o p r a n a a p e s s a r m g e n s v y v z u . , , , E b d l h G I F F t o n a a m s o . , , l b d b d d d b l d d d i i i J P a e n p a r p e r p o a r p o g r a m s e o r e n a o r e n a e a r p r o g a m s m c o m p c a o s p o r a s e c r v u u y . E w l f i j j j f i j l d d l j i j " B " t t c o r r c r v s c e a e p g n o s n m s c o p e r e r e r g m y v u . . , h h d d l i t r c m n s e g n a . d l l h l b d i i i i i i i j L t t t t t o a r c e r c o c a s c q e r p o g r a m e s q e s n e r a c o n e c s a q e s a r o a g a g o r a a a n a u u u v u u y u : , , l d b d h l h l d b l i S i i j F J J t t t s a s o a m n s e p e a c n s o a c r p o p c s a o m p c a e m e r e p s e r p o r e u v v . , E ( l f l ) t m p a a m n o m s e u . , q l d b d l f i i i S i i i i A J t t t t t t t t t s e p r p r o g a s e r a c o s n a p e e a e s e n n o e s n a n e r a c o p o n e n o r o r m a o e a u v u v v y v . , , , lJ e a v .
Ha de ser opcional ver una animacin en Flash Cundo usar Flash

Java

Cundo poner applets Java en una web