miércoles, 12 de diciembre de 2012

DISEÑO DE PAGINA WEB

- La etiqueta <P> separa el texto en diferentes párrafos, <BR> baja un renglon.
<HTML>
<HEAD>
<TITLE>
             mi pagina de web
</TITLE>
</HEAD>
<BODY>
             hola, soy yo. estoy haciendo una pagina web
             <P>
             aqui paso a otro parrafo
             <BR>
             aqui bajo un renglon</
</BODY>
</HTML>

- Cabeceras o titulos, comprendidos entre las etiquetas <H1> y </H1>,<H2> y </H2>, etc. (hasta el numero 6), texto en el centro con <CENTER></CENTER>
<HTML>
<HEAD>
<TITLE>
             mi pagina web
</TITLE>
</HEAD>
<BODY>
             <H1>titulo mas grandecon h1 </h1>
             <H2>titulo menos grandecon h2 </h2>
             <H3>titulo un poco menos grnadecon h3 </h3>
              <H4>titulo en letra normal h4 </h4>
              <H5>titulo en letra chica h5 </h5>
              <H6>titulo con letra bien chica h6 </h6>
              hola soy yo. estoy haciendo un pagina web
              <P>
              aqui paso a otro parrafo
              <BR>
              aqui bajo un renglon
              <P>
              <CENTER>
              este texto esta 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 un aparte indicandole WIDTH=XX% y el ancho con SIZE=X
<HTML>
<HEAD>
<TITLE>
            mi pagina web
</TITLE>
</HEAD>
           hola soy yo estoy haciendo mi pagina web
          <P>
           aqui paso a otro parrafo
           <BR>
          aqui bajo un renglon
          <P>
          <CENTER>
          Este texto esta centrado
         </CENTER>
         <HR width=10% SIZE=1>
         <HR width=30% SIZE=4>
        <HR width=100% SIZE=8>
</BODY>
</HTML>

-<B> y </B> para negrita <i> y </i> cursiva,<PRE> y </PRE> para poner texto preformateado, es decir, aparecera tal cual uno lo escribe
<HTML>
<HEAD>
<TITLE>
             mi segunda pagina de web
</TITLE>
</HEAD>
<BODY>
              <B>estas palabras estan en negrita
              <p>
              <i> estas palabras estan en italica
              <p>
              <PRE> este texto esta preformateado y esto va luego de 10 espacios en blanco.
               el texto fue escrito despues de dar un
enter </PRE>
</BODY>
</HTML>

- Listas desordenadas (UL),listas ordenadas (OL)
<HTML>
<HEAD>
<TITLE>
             mi segunda pagina 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 definicion (DT), comentarios no visibles en la pantalla: <!-- y-->
<HTML>
<HEAD>
<TITLE>
             mi segunda pagina de web
</TITLE>
</HEAD>
<BODY>
lista de definicion
<DL>
             <DT> monitor:
                             <DD> hardware de la computadora cuya funcion es destruir ojos
                             <DT> placa de sonido
                                       <DD> rompe la tranquilidad familiar
                             <DT> teclado
                                       <DD> destructor de uñas
</DL>
             <!esto e sun comentario al codigo que no se vera en la pantalla -->
             el texto que figura como comentario en este codigo no lo vemos en pantalla.
            <P>
            <B> estas palabras estan en negrita </B>
           <P>
           <i> estas palabras estan en italica </i>
           </BODY>
</HTML>

     

No hay comentarios:

Publicar un comentario