Informatica: 2012

jueves, 29 de noviembre de 2012

ETIQUETA

ETIQUETA <P>

<HTML>

<HEAD>

<TITLE>

Mi página de WEB

</TITLE>

</HEAD>

<BODY>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

</BODY>

</HTML>

Cabeceras o títulos

<HTML>

<HEAD>

<TITLE>

Mi página de WEB

</TITLE>

</HEAD>

<BODY>

<H1>Título más grande con H1</H1>

<H2>Título menos grande con H2</H2>

<H3>Título un poco menos grande con H3</H3>

<H4>Título en letra normal con H4</H4>

<H5> Título en letra chica con H5</H5>

<H6> Título en letra bien chica con H6</H6>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

<P>

Este texto está centrado.

</CENTER></BODY></HTML>

Etiqueta <HR>

<HTML>

<HEAD>

<TITLE>

Mi página de WEB

</TITLE>

</HEAD>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

<P>

Este texto está centrado.

</CENTER>

</BODY>

</HTML>

Negrita

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

<B>Estas palabras están en negrita</B>

<P>

<I>Estas palabras están en itálica</I>

<P>

<PRE>Este texto está preformateado y esto va

Este texto actual fue escrito después de dar un

Enter</PRE>

</BODY>

</HTML>

Listas Desordenadas

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

Lista desordenada:

<UL>

<LI>Monitor.

<LI>Placa de sonido.

<LI>Teclado.

<LI>Etc.

</UL>

Lista ordenada:

<OL>

<LI>Monitor.

<LI>Placa de sonido.

<LI>Teclado.

<LI>Etc.

</OL>

</BODY>

</HTML>

Lista de definición

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

Lista de definición:

<DL>

<DT>Monitor:

<DD>Hadware de la computadora cuya función

es destruir ojos.

<DT>Placa de sonido:

<DD>Rompe la tranquilidad familiar.

<DT>Teclado:

<DD>Destructor de uñas.

</DL>

<---Esto es un comentario al código que no se verá en pantalla--- >

El texto que figura como comentario en este código no lo vemos en pantalla.

<P>

<B>Estas palabras están en negrita </B>

<P>

<I> Estas palabras están en itálica</I>

</BODY>

</HTML>

DISEÑO DE PÁGINA WEB

Diseño de pagina web

Diseño de Página Web

La etiqueta<P> separa el texto en diferentes párrafos,<BR> baja un renglón.

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

<BODY>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

</BODY>

</HTML>

Cabeceras o títulos, comprendidos entre las etiquetas <H1> y </H1>, <H2>, </H2>,etc. (hasta el número 6), texto en el centro con <CENTER> </CENTER>

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

<BODY>

<H1>Título más grande con H1</H1>

<H2>Título menos grande con H2</H2>

<H3>Título un poco menos grande con H3</H3>

<H4>Título en letra normal con H4</H4>

<H5>Titulo en letra chica con H5</H5>

<H6>Título en letra bien chica con H6</H6>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón

<P>

<CENTER>

Este texto está centrado

</CENTER>

</BODY>

</HTML>

La etiqueta<HR> ( no existe la correspondiente de cierre) pone una raya horizontal. Para que no ocupe toda la pantalla sino una parte indicándole WIDTH=XX%y el ancho con SIZE=X

<HTML>

<HEAD>

<TITLE>

Mipágina de WEB

</TITLE>

</HEAD>

Hola, soy yo. Estoy haciendo una página WEB.

<P>

Aquí paso a otro párrafo.

<BR>

Aquí bajo un renglón.

<P>

<CENTER>

Este texto está centrado.

</CENTER>

<HR width=10% SIZE=1>

<HR width=30% SIZE=4>

<HR width=100% SIZE=8>

</BODY>

</HTML>

<B> y </B> para negrita, <l> y </l> cursiva, <PRE> y </PRE> para poner texto preformateado , es decir, aparecerá tal cual uno lo escribe

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

<B>Estas palabras están en negrita </B>

<P>

<l> Estas palabras están en itálica</l>

<P>

<PRE>Este texto está preformateado y esto va luego de 10 espacios en blanco

El texto actual fue escrito después de dar un enter</PRE>

</BODY>

</HTML>

Listas desordenadas (UL), Listas ordenadas (OL)

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB

</TITLE>

</HEAD>

<BODY>

Lista desordenada

<UL>

<Ll> Monitor

<Ll> Placa de sonido

<Ll> Teclado

<Ll> Etc.

</UL>

Lista ordenada:

<OL>

<Ll> Monitor

<Ll> Placa de sonido

<Ll> Teclado

<Ll> Etc.

</OL>

</BODY>

</HTML>

Listas de definición (DT), comentarios no visibles en la pantalla: <l -- y -->

<HTML>

<HEAD>

<TITLE>

Mi segunda página de WEB.

</TITLE>

</HEAD>

<BODY>

Lista de definición

<DL>

<DT> Monitor:

<DD> Hardware de la computadora cuya función es destruir ojos.

<DT> Placa de sonido:

<DD> Rompe la tranquilidad familiar.

<DT>Teclado:

<DD>Destructor de uñas.

</DL>

El texto que figura como comentario en este código no lo vemos en la pantalla

<P>

<B>Estas palabras están en negrita</B>

<P>

<l>Estas palabras están en itálica</l>

</BODY>

</HTML>