Sunteți pe pagina 1din 13

HTML

HTML(HyperText Markup
Language)
HTML es un lenguaje de programacin que se utiliza para la creacin de pginas Web.
Por pgina entenderemos el documento que aparece en el visualizador (browser como
el MS Internet !plorer o el "etscape "avigator#. ste documento es simplemente
arc$ivo de te!to (%S&II# con 'tags' o etiquetas o cdigos( a los cuales el )rowser de
Web( interpreta para mostrar en pantalla la in*ormacin.
n resumen las paginas web estan $ec$as con +,M- para que el navegador o
visualizador o cliente o web browser( como se le quiera llamar( lo interpreta( compila .
ejecuta mostrando como resultado el contenido de la pgina.
Para $acer una pgina Web solo se necesita un editor de te!to (desde el bloc/ de notas
$asta programas $ec$os e!clusivamente para editar pginas web( como el 0rontpage(
1isual Interdev( 2reamweaver( etc#.
l principio esencial del lenguaje +,M- es el uso de las etiquetas (tags#. 0uncionan de
la siguiente manera3
<XXX> ste es el inicio de una etiqueta.
</XXX> ste es el cierre de una etiqueta.
-as letras de la etiqueta pueden estar en ma.4sculas o min4sculas(
indi*erentemente. -o que $a.a entre ambas etiquetas estar in*luenciada
por ellas. Por ejemplo( todo el documento +,M- debe estar entre las
etiquetas
<HTML>
5,odo el documento6
</HTML>

l documento en s7 est dividido en dos zonas principales3
l encabezamiento( comprendido entre las etiquetas
jemplo 8 3
<HEAD> ,e!to </HEAD>
jemplo 9 3
<HEAD> ,e!to
,e!to
</HEAD>
l cuerpo( comprendido entre las etiquetas

<BODY>
0ila 8
0ila 9
0ila :
</BODY>
TITULO de la pgina
2entro del encabezamiento $a. in*ormacin del documento( que no se ve en el cuerpo
de la pantalla principal( principalmente el ttuo del documento o pagina.
l titulo se coloca entre las etiquetas <T!TLE> poner aqu7 el titulo<"T!TLE>.
l t7tulo debe ser breve . describir claramente el contenido de la pgina( pues ser lo
que vean los dems cuando a;adan nuestra pgina a su boo/mar/ (o agenda de
direcciones#.
2entro del cuerpo del cdigo +,M-( est todo lo que queremos que aparezca en la
pantalla principal (te!to( imgenes( etc.#
Estructura de una pagina HTML
Cabecera
Elementos que no alteran el contenido de la pgina.
<HTML>
<HEAD>
<TITLE>Titulo de la pgina</TITLE>
</HEAD>
<BODY parmetros>
Contenido de la Pgina
</BODY>
</HTML>
Ee!pl" #
Cuerp" del $"cu!ent"
Tags(ele!ent"s " eti%uetas) !as usad"s
Text" en negrita
Ejemplo :
<TITLE> Titulo $"cu!ent" </TITLE>
<META AUTHOR=Ing &uan 'era KEYWORDS=Java>
<BASE HREF=http://www.miSitio.com>
<BODY parmetros> Contenido </BODY>
()* + + +
(/)*
,!pliaci-n del ta!a." de l"s
caracteres
Ejemplo :
Text" en itlic" (Cursi/a)

Ejemplo :
C"l"r de Text"
Ejemplo :
<B!#> $ $ $ <"B!#>
<EM> $ $ $ <"EM>
<%O&T coor'()**##BB(> $$$ <"%O&T>
<!> $ $ $ <"!>
<Hn> $ $ $ <"Hn>
0educci-n del ta!a." de l"s caracteres
Ejemplo :
1uesta en negrita del text"
Ejemplo :
<+MALL> $ $ $ <"+MALL>
<+T*O&#>$ $ $ <"+T*O&#>
<B> $ $ $ <"B>
Text" subrayad"
Ejemplo :
C"!entari"s ign"rad"s p"r el
na/egad"r
Ejemplo :
+ato ,e nea
Ejemplo :
<=>> !!!!!!!! >>?
<B*>
<U> ... </U>
Centrar t"d" un text"
Ejemplo :
Centra el ele!ent" encuadrad" p"r la
eti%ueta
Ejemplo :
,linea el ele!ent" a la i2%uierda
Ejemplo :
<-E&TE*> $ $ $ <"-E&TE*>
<D!. aign'center> $ $ $ <"D!.>
<D!. aign'e/t> $ $ $ <"D!.>
,linea el
ele!ent" a la
derec3a
Ejemplo :
4ue/" prra5"
Ejemplo :
1rra5" centrad"
Ejemplo :
<D!. aign'rig0t> $ $ $ <"D!.>
<1 aign'center> $$$ <"1>
<1> $$$ <"1>
1rra5" alinead" a la i2%uierda
Ejemplo :
1rra5" alinead" a la derec3a
Ejemplo :
<1 aign'e/t> $$$ <"1>
<1 aign'rig0t>$$$<"1>
Lista no numerada
Ejemplo :
Lista nu!erada del Ele!ent" de lista
Ejemplo :
(UL*
<L!>
<L!>
$ $ $
(/UL*
(OL*
<L!>
<L!>
$ $ $
(/OL*
0aya 3"ri2"ntal
Ejemplo :
Enlace 3acia una pgina 6eb
Ejemplo :
<H*>
<A 0re/'(0ttp2""$$$(> $$$ <"A>

S-ar putea să vă placă și