Unidad III Lenguaje de Presentación

P= T-$-' l-' %&&",-' $e l" )l"'e %&e!n(" "%"&e)e&n )-n (e8(- en *(l*)"' ne&*("' %"&" $*,e&en)*"&l-' $e l-' %&&",-' n-&"le'. O0'e&en !e en el (" $e l" %*n" 7TML l" '*n("8*' $*,*e&e $e l" CSS; l!e- $e l" %"l"0&" CLASS '*!e !n '*n- *!"l  / en(&e )-*ll"'  el n-0&e $e l" )l"'e. S* 0*en e'(-' 'ele)(-&e' &e!*e&en !n "&e"$- en el )+$*- 7TML $e l"' %*n"' n-' %e&*(en !n" "%l*" l*0e&("$ %"&" )&e"& $*e&'"' "&*"n(e' $e !n *'eleen(-. M' "n %-$e-' )&e"& !n" )l"'e en9&*)" %"&" "%l*)"& " )!"l!*e& eleen(- $e l" %*n" / n- '+l- " l-' %&&",-'. B"'(" )-n '!%&**& en el e'("en(el %&*e& 'ele)(-& / $e#"& n*)"en(e el %!n(- . / el n-0&e $e l" )l"'e; .)-n(&"'(e )-l-&; QQQQ 0")&-!n$F)-l-&;  En e'(e )"'- l" )l"'e )-n(&"'(e e!*"le " )!"l!*e& eleen(- )-n el "(&*0!()l"'')-n(&"'(e. P-& e#e%l-; <71 )l"'')-n(&"'(e=Un (:(!l- )-n )-n(&"'(e<>71=

P=

B= E' ("n(" l" ,le8*0*l*$"$ !e n-' 0&*n$"n l-' 'ele)(-&e' $e )l"'e' !e @"'(" n-' %e&*(*&:"n @")e& n!e'(&"' %*n"' )"'* e8)l!'*"en(e )-n '+l- $-' eleen(-' $e 7TML; DI / SPAN !e n- (*enen n*nn ,-&"(- %&e$e(e&*n"$- / l!e- )&e"& (-$"' l"' )l"'e' !e ne)e'*(e-'. E'(" %&)(*)" e' $e'")-n'e#"$" %-& el W3C en !n" n-(" !e "%"&e)e en l" Re)-en$")*+n CSS2 "l ,*n"l $e l" 'e))*+n 5..3 Sele)(-&e' $e )l"'e'. e&

Se!e"tores #e ID

L-' 'ele)(-&e' $e ID ,!n)*-n"n $e "ne&" !/ '**l"& " l-' 'ele)(-&e' $e )l"'e' '"l- !e " $*,e&en)*" $e e'(-' l(*-' '+l- %!e$en "%l*)"&'e " !n eleen(- $e l" %*n". H!*e&e $e)*& !e '* @"/ !n eleen(- !e (*ene "'*n"$- el "(&*0!(ID%&*n)*%"l n- %-$& @"0e& -(&- ID )-n *!"l "l-& e' $e)*& )-n el *'n-0&e. L" '*n("8*' en l" CSS ("0*9n e' '**l"& '-l"en(e !e en e? $e !'"& !n %!n(- 'e !(*l*?" el )"&)(e& $e n!e&"l ; 71(*(!l-1 (e8(F"l*n; )en(e& L.I Vicente de León Castrejón

Página 5

Programación WEB -l"n(" ,-n(F'(/le; *("l*) En el %&*e& )"'- "!el eleen(- 71 )-n ID(*(!l-1 $e l" %*n" 'e& )en(&"$-. En el 'e!n$- )!"l!*e& eleen(- !e (en" "'*n"$- el "(&*0!(- ID-l"n(" *& en *(l*)"'. L-' 'ele)(-&e' $e ID n- (*enen el &"$- $e ,le8*0*l*$"$ $e l-' 'ele)(-&e' $e )l"'e' %-& e#e%l- %e&- '-n !n" -%)*+n %"&" "!ell-' )"'-' en !e 'e ne)e'*(e *$en(*,*)"& $e -$- e8)l!'*- !n $e(e&*n"$- eleen(- $e l" %*n". Se!e"tores #e tri%&tos

L-' 'ele)(-&e' $e "(&*0!(-' %e&*(en 'ele))*-n"& eleen(-' $e l" %*n" 'en '!' %&-%*e$"$e' - el "l-& "'*n"$- " e'("' %&-%*e$"$e'. S!%-n"-' !e @e-' )&e"$- "&*"' )l"'e' $e %&&",-' / !e&e-' *$en(*,*)"& " (-$-' "!ell-' !e (en"n e'%e)*,*)"$- el "(&*0!(- CLASS )!"l!*e&" 'e" el "l-& $e e'e "(&*0!(- %"&" $"&le !n "&en *?!*e&$- $e 1 ); PCLASS "&*nFle,(; 1) A@-&" '* !e&e-' 'ele))*-n"& '-l"en(e "!ell-' %&&",-' !e (en"n el "(&*0!(CLASS%&e!n(" $e0e-' !'"&; PCLASS%&e!n(" "&*nFle,(; 1) P-$e-' !'"& "&*-' 'ele)(-&e' $e "(&*0!(-' %"&" @")e& "n ' e'%e):,*)" l" &el". S!%-n"-' !e " )*e&(-' %&&",-' )-n )l"''%&e!n(" ("0*9n le @e-' "'*n"$- el "(&*0!(- WIDT7 / !e&e-' $"&le !n "&en *?!*e&$- $e 2 ). PCLASS%&e!n("WIDT7 "&*nFle,(; 2) 7e-' *'(- $-' ,-&"' !e %!e$en (-"& e'(-' 'ele)(-&e'; "(&*0!(- / "(&*0!(-"l-&. A$*)*-n"len(e e8*'(en $-' ,+&!l"' %"&" e'(e (*%- $e 'ele)(-&e' !e 'e !(*l*?"n )!"n$- " !n $e(e&*n"$- eleen(- 'e le @"n "'*n"$- !n" l*'(" $e "l-&e' en e? $e !n '-l- "l-& ' "$el"n(e en e'(" !:" e&e-' l-' )"'-' e'%e):,*)-'. "(&*0!(-V"l-& 'e !'" %"&" 'ele))*-n"& l-' eleen(-' !e (*enen )-- "(&*0!(!n" l*'(" $e %"l"0&"' 'e%"&"$"' %-& e'%")*-' !n" $e l"' )!"le' e' e8")("en(e "l-&. "(&*0!(-"l-& 'e !'" %"&" 'ele))*-n"& l-' eleen(-' !e (*enen )-- "(&*0!(!n" l*'(" $e %"l"0&"' 'e%"&"$"' %-& !*-ne' )-en?"n$- %-& "l-&. e"-' !n e#e%l- $e l-' $-' )"'-'; IMGALTVl--(*%- 0-&$e&; '-l*$ PLANGen ,-n(F,"*l/; T*e' Ne R-"n Se&*,

El %&*e&- 'ele))*-n" l"' *ene' )!/- "(&*0!(- ALT (*ene en '! "l-& l" %"l"0&" l--(*%- )-- en ALTl--(*%- $e l" )-%":" - ALT9'(e e' n!e'(&- l--(*%-. El 'e!n$- 'ele))*-n" l-' %&&",-' !e (*enen "'*n"$- )-- "l-& $el "(&*0!(LANG %"l"0&"' !e )-*en?"n )-n en )-- enFUS - enF)-)ne/. H!*?' (-$- e'(- le' %"&e?)" !n" )-%l*)")*+n e8)e'*" %e&- $e0e )-n'*$e&"&'e !e el len!"#e $e l"' CSS e' "0"&)"(*- e *n(en(" '"(*',")e& ne)e'*$"$e' !e !*?' n-'-(&-' *n-&"-' )-- %!e$e 'e& el @e)@- $e (ene& $e e?)l"& $*'(*n(-' len!"#e' en n!e'(&-' $-)!en(-' / %-$e& "%l*)"& " )"$" !n- !n e'(*l- %"&(*)!l"&. T"0*9n 'e $e0e (-"& en )!en(" !e l"' 7-#"' $e E'(*l- e'(n %en'"$" nL.I Vicente de León Castrejón

Página 6

Programación WEB '-l"en(e %"&" 7TML '*n- %"&" -(&- len!"#e' )-- XML %"&" l-' )!"le' )*e&(-' 'ele)(-&e' %!e$en &e'!l("& $e "/-& !(*l*$"$ !e en 7TML. Se!e"tor &ni'ers!

El 'ele)(-& !n*e&'"l 'e e')&*0e )-n !n "'(e&*')-  / &e%&e'en(" " )!"l!*e& eleen(- $e l" %*n". P-& e#e%l- )-n;  )-l-&; &e$ T-$-' l-' eleen(-' $e l" %*n" (en$&n )-- )-l-& $e %&*e& %l"n- el &-#-. S*n en)*-n"&l- /" @e-' !'"$- en l-' e#e%l-' "n(e&*-&e' $e e'(" %*n" "l!n-' 'ele)(-&e' !n*e&'"le' %-&!e )!"n$- 9'(e " ")-%""$- $e -(&- 'ele)(-& 'e %!e$e -*(*&. P-& e'- l-' '*!*en(e' $-' 'ele)(-&e' '-n e8")("en(e *!"le'; -l"n(" ,-n(F'(/le; *("l*) -l"n(" ,-n(F'(/le; *("l*) > el "'(e&*')- 'e @" -*(*$- > Re'!l(" $e !(*l*$"$ )!"n$- !e&e-' *n*)*"l*?"& (-$-' l-' eleen(-' $e n!e'(&" %*n" )-n $e(e&*n"$"' %&-%*e$"$e' ene&"le'. Agr&$(iento

C!"n$- (ene-' "&*-' 'ele)(-&e' !e )-%"&(en l"' *'"' $e)l"&")*-ne' %!e$en "&!%"&'e en !n" l*'(" 'e%"&"$" %-& )-"' . N- 'e (&"(" $e !n (*%- $e 'ele)(-& e'%e)*"l '*n- $e !n" ,+&!l" "0&e*"$" %"&" "%l*)"& l"' *'"' %&-%*e$"$e' " $*'(*n(-' 'ele)(-&e' en !n '-l- %"'-. P-& e#e%l- '* (ene-'; 71 ,-n(F,"*l/; A&*"l S"n'F'e&*, P ,-n(F,"*l/; A&*"l S"n'F'e&*, TABLE ,-n(F,"*l/; A&*"l S"n'F'e&*, -l"n(" ,-n(F,"*l/; A&*"l S"n'F'e&*, P-$e-' '*%l*,*)"&l- $e e'(e -$-; 71 P TABLE -l"n(" ,-n(F,"*l/; A&*"l S"n'F'e&*,

3.4. TIPOS DE MEDIOS 7TML %e&*(e " l-' "!(-&e' $*'e"& $-)!en(-' !e '"!en %"&(*$- $e l"' )"&")(e&:'(*)"' $e l-' e$*-' en l-' !e el $-)!en(- "/" " 'e& &e%&e'en("$%.e#. %"n("ll"' &,*)"' %"n("ll"' $e (ele*'*+n $*'%-'*(*-' $e "n- n"e"$-&e' 0"'"$-' en -? $*'%-'*(*-' ()(*le' B&"*lle e().. Al e'%e)*,*)"& el "(&*0!(- e$*" l-' "!(-&e' %e&*(en " l-' "en(e' $e !'!"&*- )"&"& / "%l*)"& l"' @-#"' $e e'(*l- $e "ne&" 'ele)(*". L"' '*!*en(e' $e)l"&")*-ne' $e e#e%l- 'e "%l*)"n " eleen(-' 71. C!"n$- 'e %&-/e)(en en !n" &e!n*+n $e ne-)*-' (-$-' ell-' "%"&e)e&n en "?!l. C!"n$- 'e *%&*"n "%"&e)e&n )en(&"$-'. <7EAD= )'' e$*"%&-#e)(*-n= 71  )-l-&; 0l!e  <>STLE= )'' e$*"%&*n(= 71  (e8(F"l*n; )en(e&  <>STLE=

L.I Vicente de León Castrejón

Página 

Programación WEB

E'(e e#e%l- ""$e e,e)(-' $e '-n*$- " l-' :n)!l-' %"&" '! !'- en '"l*$"' %-& -?; )'' e$*""!&"l= A  )!eF0e,-&e; !&*0ell."*,, )!eF",(e&; !&*$-n." <>STLE= <>7EAD= El )-n(&-l $e e$*-' e' %"&(*)!l"&en(e *n(e&e'"n(e )!"n$- 'e "%l*)" " @-#"' $e e'(*l- e8(e&n"' /" !e l-' "en(e' $e !'!"&*- %!e$en "@-&&"& (*e%- '* -0(*enen $e l" &e$ n*)"en(e "!ell"' @-#"' $e e'(*l- !e 'e "%l*!en el $*'%-'*(*- ")(!"l. P-& e#e%l- l-' n"e"$-&e' 0"'"$-' en -? %!e$en e*("& l" $e')"&" $e @-#"' $e e'(*l- $*'e"$"' %"&" l" &e%&e'en(")*+n *'!"l. 7"/ $-' "ne&"' $e e'%e)*,*)"& l"' @-#"' $e e'(*l-' $e%en$*en(e' $e l-' e$*-'; •

•

De'$e !n" @-#" $e e'(*l- )-n l"' &el"'; Y*%-&( - Ye$*"

Y*%-&( !&l"&)@*-.)''  (*%- $e e$*- Ye$*" (*%- $e e$*-> l" @-#" $e e'(*l- %"&" el (*%- $e e$*- " "!: > •

•

E'%e)*,*)"n$- el e$*- $e $e'(*n- $en(&- $el len!"#e $el $-)!en(-

<@(l= <@e"$= <(*(le=:n)!l- " !n (*%- $e e$*-<>(*(le= )'' e$*" (*%-Ze$*-1 (*%-Ze$*-2 @&e,"&)@*-.)''= <>@e"$= <0-$/= <%=Te8(- (e8(- (e8(-<>%= <>0-$/= <>@(l= L-' %-'*0le' "l-&e' %"&" (*%-' $e e$*-'; "ll  0&*lle  e0-''e$  @"n$@el$  %&*n(  %&-#e)(*-n  ')&een  '%ee)@  ((/  ( Un" &el" Ye$*" e'%e)*,*)" l-' (*%-' $e e$*-'. e"-' !n-' e#e%l-' $el !'- $e l" &el" Ye$*"; •

•

Ye$*" %&*n(0-$/  ,-n(F'*?e; 1%( 

•

•

Ye$*" ')&een0-$/  ,-n(F'*?e; 12%8 

•

Tipos all braille embossed handheld

Descripción

Todos los dispositivos. Dispositivos táctiles braille. Impresoras braille. Dispositivos de mano(pantallas pequeñas, ancho de banda reducidos, etc.).

L.I Vicente de León Castrejón

Página !

Programación WEB print projection screen speech tty tv

Para documentos paginados y mostrados en vista de impresin. Dispositivos de proyeccin de presentaciones. Pantallas a color de equipos in!ormáticos. Para sinteti"adores de vo". Dispositivos de visuali"acin con capacidades limitadas. Televisores.

3.5. MODELO DE CAJA El modelo de caja describe las cajas que se generan a partir de los elementos HTML. El modelo de caja también contiene opciones detalladas en lo referente al ajuste de márgenes, bordes, relleno (padding)  contenido de cada elemento. La siguiente imagen muestra c!mo se construe el modelo de caja"

En &e"l*$"$ (-$-' l-' eleen(-' $e !n" e0 %&&",-' enl")e' *ene' ("0l"' e(). '-n )"#"' &e)("n!l"&e'. L-' n"e"$-&e' '*("n e'("' )"#"' $e l" ,-&" !e n-'-(&-' le' @"/"-' *n$*)"$- %"&" "!e("& l" %*n".

7"/ $-' (*%-' $e )"#"'; 0l-) e *nl*ne. L-' eleen(-' 0l-) &-%en el ,l!#- $e "!e(")*+n. E'(- e' "%"&e)en '-l-' *n'e&("n$- ['"l(-' $e l:ne"\. L-' eleen(-' *nl*ne '*!en el ,l!#- / e'(n )-n(en*$-' $en(&- $e eleen(-' $e 0l-!e.

#or ejemplo, un párrafo ser$a un elemento bloc% (no podemos tener un párrafo al lado del otro, sino que dos párrafos seguidos aparecerán uno abajo del otro. En cambio, un enlace es un elemento inline, a que no &corta' el teto donde está metido L.I Vicente de León Castrejón

Página "

Programación WEB

Estas dos diferencias son importantes, pero a que tener en mente que ambos tipos comparten el modelo de caja, que es el que aparece en la siguiente figura"

L"' %&-%*e$"$e' ' *%-&("n(e' $e !n" )"#" '-n; *$(@ "n)@- @e*@( "l(- %"$$*n &ellen- 0-&$e& 0-&$e / "&*n "&en.

An)@- / "l(-

)i#t* &e%&e'en(" el n"*o #e ! "+. Pe&- e' el n"*o interior e' $e)*& '* 0-&$e' &ene' n*$##ing. P-$e-' *n$*)"& e'(e "n)@- en e$*$"' "0'-l!("' n-&"len(e %:8ele' - &el"(*"' n-&"len(e ].

A!n!e l-' eleen(-' in!ine (*enen ,i#t* '* l" -$*,*)"-' )-n CSS n- e&e-' n*nn &e'!l("$- *'!"l. E'(- e' %-&!e el "n)@- $e e'(-' eleen(-' 'e e'("0le)e "!(-(*)"en(e %"&" !e 'e "#!'(e " l"' $*en'*-ne' $el eleen(- in!ine.

P-& e#e%l- '* (ene-' !n enl")e !e )-n'*'(e en !n (e8(- $e )*n)- )"&")(e&e' el "n)@- ,i#t* $e e'(e eleen(- 'e& l- !e -)!%en e'-' )*n)- )"&")(e&e'. S-0&e el !to $e l" )"#" 'e )-n(&-l" )-n l" %&-%*e$"$ *eig*t / (-$- l- !e @e-' $*)@- "n(e' '-0&e el "n)@- ("0*9n 'e "%l*)" "!:.

L.I Vicente de León Castrejón

Página 1#

Programación WEB P"$$*n

C-n $##ing e'("0le)e-' l" $*'("n)*" $e [re!!eno\ en(&e el l:*(e *n(e&*-& $e l" )"#" / el e8(e&*-& 0-&$e.

S* !e&e-' %-ne& !n %"$$*n $e 2 %:8ele' %"&" (-$" l" )"#" l- @"&:"-' "':; %"$$*n ; 2 %8

P-$e-' e'("0le)e& !n %"$$*n $*'(*n(- %"&" )"$" l"$- !'"n$- l-' '!,*#-' top '!%e&*-& -bottom*n,e&*-& left *?!*e&$" / right $e&e)@";

-

%"$$*nF(-%; 1%8 %"$$*nF0-((-; 5%8 %"$$*nFle,(; 3%8 %"$$*nF&*@(; 2%8

P-$e-' "0&e*"& l- "n(e&*-& en !n" '-l" l:ne" *n$*)"n$- %&*e&- el %"$$*n '!%e&*-& / l!e- '*!*en$- el -&$en $e l"' "!#"' $el &el-#. E' $e)*& n-' !e$"&:"; "&&*0" $e&e)@" "0"#- *?!*e&$". El e#e%l- "n(e&*-& 'e ")-&("&:" "':; padding: 10px 20px 5px 30px;

O(&- "("#- (*l e' e'%e)*,*)"& '+l- $-' e$*$"'; !n" )-&&e'%-n$e&:"n "l %"$$*n '!%e&*-& e *n,e&*-& / l" -(&" "l l"(e&"l. S* !e&e-' !e l-' %"$$*n' '!%e&*-& e *n,e&*-& 'e"n $e 1 %:8ele' / l-' l"(e&"le' *?!*e&$- / $e&e)@- $e 2 %:8ele' e')&*0*-'; padding: 10px 20px;

B-&$e'

S* !e&e-' !e n!e'(&" )"#" (en" bordes l- )-n'e!*-' )-n l" %&-%*e$"$ 0-&$e&. T*ene l" '*!*en(e '*n("8*'; border: width | style | color

C-- @"0&' '!%!e'(- ,i#t* e'%e)*,*)" el &-'-& $el 0-&$e. N-&"len(e e' !n" e$*$" en %:8ele' %e&- ("0*9n %-$e-' !(*l*?"& l"' %"l"0&"' (@*n ,*n- e$*! L.I Vicente de León Castrejón

Página 11

Programación WEB n-&"l / (@*) &!e'-. P-& '!%!e'(- )+- $e -&$- e' (@*) !e$" " *n(e&%&e(")*+n $el n"e"$-&. En )!"n(- " '(/le e' el tipo $e 0-&$e. 7"/ 0"'("n(e' %e&- l-' ' )-!ne' '-n; so!i# l:ne" )-n(*n!" #s*e#l:ne" $*')-n(*n!" #otte# l:ne" $e %!n(-' / #o&%!e l:ne" )-n(*n!" $-0le.

P-& l(*- )-l-& *n$*)" el "o!or $el 0-&$e. P-$e-' e')-e& !n (*%- $e 0-&$e $*,e&en(e %"&" )"$" l"$- )-n l-' '!,*#-' -to$ -%otto( -!e/t / -rig*t. P-& e#e%l- %"&" %-ne& !e "l- (en" el 0-&$e *n,e&*-& $e 1 %:8el " %!n(*(-' &-#-'; border-bottom: 1px dotted #f00;

P"&" e!i(inr e! %or#e '*%leen(e %-ne-' !e (*ene $e &-'-&  %:8ele' - !e el e'(*l- $el 0-&$e e' n-ne. E'(- e' !/ *%-&("n(e )-n l"' *ene' /" !e '* (ene-' !n" *"en enl"?"n$- " "l- l-' n"e"$-&e' l" %-nen )-n !n &e0-&$e !/ ,e-. A': !e e'(- 'e @" )-ne&(*$- /" en !n ,*#- $e l"' @-#"' $e e'(*l-'; img  border: none; !

M&ene'

L-' (árgenes 'e )-n(&-l"n )-n l" %&-%*e$"$ "&*n / e' l" $*'("n)*" en(&e el 0-&$e $e l" )"#" / l-' eleen(-' !e l" &-$e"n. En )!"n(- " l" ,-&" $e !'"&l" e' *!"l !e )-n l" %&-%*e$"$ %"$$*n "': !e l" ,-&" $e e')&*0*& / l-' "("#-' e' e8")("en(e l" *'". P-& e#e%l- '* !e&e-' &ene' '!%e&*-& e *n,e&*-& $e 2 %:8ele' / l"(e&"le' $e 5 %:8ele'; margin: 20px 5px;

Para centrar un elemento de bloque, podemos hacer uso de auto: margin: 0px a"to;

L.I Vicente de León Castrejón

Página 12

Programación WEB

C"%"'

"-' " @"0l"& $e !n" e(*!e(" X7TML !e n-' !e$+ %-& e& / e'( e'(&e)@"en(e l*"$" )-n CSS; <$*=. E'(" e(*!e(" 'e en)"&" $e )&e"& !n" capa !e e' !n eleen(- $e bloque !e '*&e $e )-n(ene$-& " -(&-' eleen(-' $e 0l-!e e *nl*ne. KP"&" !9 n-' '*&en P&*e&- %"&" -&"n*?"& se(ánti"(ente n!e'(&" %*n". El "(&*0!(- *$ (*ene )"&" 'en(*)" "': !e '* !e&e-' %-ne& en l" )"0e)e&"3 $e n!e'(&" e0 el (:(!l- / el en @"&:"-' e'(-; ¡Ojo! Cabecera en cuanto a maquetación. ¡No tiene nada que ver con la etiqueta head!

di$ id%&header&' h1'(i blog)h1' "l id%&men"&' li'a href%&***& title%&***&'+rincipal)a')li' li'a href%&***& title%&***&',cerca de)a')li' li'a href%&***& title%&***&'nlaces)a')li'  

)"l'

)di$'

El -(&- !'- $e l"' )"%"' e' el $e (0&etr. P-& e#e%l- el l"/-!( (:%*)- $e !n 0l- (*ene )!"(&- )"%"'; l" )"0e)e&" l" $el )-n(en*$- %&*n)*%"l l" $e l" 0"&&" l"(e&"l / l" $el %*e $e %*n". Me$*"n(e CSS %-$e-' )-n(&-l"& l" $*'%-'*)*+n $e e'("' )"%"' / "': )-n'e!*& el $*'e- !e !e&"-'. Ql-"('

L-' /!ots '-n %&-0"0leen(e !n" $e l"' )-'"' !e ' )!e'(" $-*n"&. L- !e @")en l-' /!ots es !terr e! /!&+o $e l" %*n" [*n)&!'("n$-\ en 9l !n eleen($e 0l-!e. El e#e%l- ' (:%*)- e' el $e '* !e&e-' %-ne& !n" *"en ")-%""n$- " !n (e8(- / !e el (e8(- [en!el"\ " l" *"en. E'(- l)-n'e!*-' )&e"n$- !n" )l"'e )-- l" '*!*en(e; *i./"ierda  float: left; !

P-$e-' *n$*)"& ("n(- !e/t *?!*e&$" )-- rig*t$e&e)@". De'%!9' $e !n ,l-"( '!elen -)!&&*& sucesos paranormales. L" "/-&:" $e ell-' '!elen $e'"%"&e)e& e$*"n(e l" %&-%*e$"$ )le"& !e 'e en)"&" $e ["n!l"&\ l-' ,l-"('. L-' "l-&e' !e "$*(en '-n !e/t rig*t / %ot* !e '*n*,*)" ["0-'\. -l*en$- "l e#e%l- $e l"/-!(' $e 0l-' l- n-&"l e' %-ne& el )-n(en*$- / l" 0"&&" l"(e&"l e$*"n(e ,l-"('. L- !e '!ele %"'"& e' !e !n" $e e'("' $-' )-l!n"' %"'" L.I Vicente de León Castrejón

Página 13

Programación WEB %-& en)*" $el %*e $e %*n" en l!"& $e !e$"& el %*e "l ,*n"l $e (-$-. E'(- 'e '!ele "&&el"& "':; #footer  clear: both; !

3.6. APLICACIÓN EN DOCUMENTO WEB C-n'*'(e en "%l*)"& l-' (e"' "n(e&*-&e' en !n $-)!en(- e0 !n" %&")(*)" )-n l-' (e"'; 3.2 S*n("8*' Len!"#e $e %&e'en(")*-n. 3.3 Sele)(-&e' Len!"#e $e %&e'en(")*-n. 3.4 T*%-' $e e$*-' Len!"#e $e %&e'en(")*-n. 3.5 M-$el- $e )"#" Len!"#e $e %&e'en(")*-n Se %-$&:" $*'e"& !n" %&)(*)" $-n$e 'e e%leen l-' )-n)e%(-' / lle!en ";

L.I Vicente de León Castrejón

Página 14