viernes, 30 de noviembre de 2012

Diseño de Página WEB

1.-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.
         Aquí paso a otro párrafo.
         <br />
     Aquí bajo un renglón.
</body>
</html>

2.-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.
      Aquí paso a otro párrafo.
     <br />
      Aquí bajo un renglón
      <center>
      Este texto está centrado
      </center></body></html>

3.-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.
       Aquí paso a otro párrafo.
       <br />
       Aquí bajo un renglón.
       <center>
       Este texto está centrado.
       </center>
       <hr size="1" width="10%" />
       <hr size="4" width="30%" />
       <hr size="8" width="100%" />
      </html><br />
4.-<b> y </b> para negrita, <l> y </l> cursiva, <br />
<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>
     <l> Estas palabras están en itálica</l>
     <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>

5.-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.
</ll></ll></ll></ll></ul>
Lista ordenada:
<ol>
    <ll> Monitor
    <ll> Placa de sonido
    <ll> Teclado
    <ll> Etc.
</ll></ll></ll></ll></ol>
</body>
</html>

6.-Listas de definición (DT), comentarios no visibles en la pantalla: <l --="--" y="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>
        <!--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 la pantalla
      <p>
      <b>Estas palabras están en negrita</b>
      <l>Estas palabras están en itálica</l>
     </body>
</html>

No hay comentarios:

Publicar un comentario