sábado, 24 de noviembre de 2012

Diseño de Página Web

-Etiqueta <P>


<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


<HTML>
<HEAD>
<TITLE>
        Mipágina de WEB
</TITLE>
</HEAD>
<BODY>
       <H1>Título más grandecon H1</H1>
       <H2>Título menos grandecon H2</H2>
       <H3>Título unpocomenos grandecon H3</H3>
       <H4>Título en letra normal con H4</H4>
       <H5>Título en letra 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>

-Etiqueta <HR>


<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
       <HR width=10% SIZE=1
       <HR width=30% SIZE=4
       <HR width 100% SIZE=8>
</BODY>
</HTML>


-Letras en negrita <B> y </B>

<HTML>
<HEAD>
<TITLE>
              Mi segunda página de WEB
</TITLE>
</HEAD>
<BODY>
               <B>Estas palabras están en negrita</B>
               <P>
               <|>Estas palabras están en itálica </|>
               <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) y listas ordenadas (OL)

<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>


-Listas de definición (DT)

<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>
               <!--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>
               <|>Estas palabras están en itálica<|I>
               </BODY>
</HTML>

No hay comentarios:

Publicar un comentario