Una Pagina Web Basica
Leccion #6

Bueno hemos aprendido bastante y creo que es hora de que hablemos sobre el formato de nuestras paginas es algo que realmente debes de considerar para hacer buenas paginas y faciles de leer.


Comenzemos con las reglas horizontales...

Cambiare el color de las paginas para que puedas apreciar las reglas mejor.

<body>
<hr>
</body>



Y porsupuesto tenemos varias opciones para escoger

<body>
<hr width=10%>
<hr width=30%>
<hr width=100%>
<hr width=10>
<hr width=30>
<hr width=100>
</body>








Tambien podemos aliniar las reglas con <align>

<body>
<hr width=70%
align=left>
<hr width=70% align=right>
<hr width=70% align=center>
</body>





Y tambien tenemos control sobre el grosor de las reglas...

<body>
<hr width=70% align=left
size=1>
<hr width=70% align=right size=7>
<hr width=70% align=center size=15>
</body>





Y tambien....

<body>
<hr width=70% align=left size=1 noshade>
<hr width=70% align=right size=7 noshade>
<hr width=70% align=center size=15 noshade>
</body>





Una etiqueta que siempre es muy until es <blockquote>

Esta etiqueta sirve para poner margenes a los dos lados de tu imagenes y el bloque de palabras

<body>
<blockquote>
Una etiqueta que siempre es muy util es <blockquote>
Esta etiqueta sirve para poner margenes a los dos lados de tus imagenes y el bloque de palabras.
</blockquote>
</body>


Una etiqueta que siempre es muy util es <blockquote>
Esta etiqueta sirve para poner margenes a los dos lados de tus imagenes y el bloque de palabras.




Otra tema interesante en HTML son las listas.

Hay 3 tipos de listas ordenadas, desordenadas y definicion, son muy faciles de hacer y utiles para una buena presentacion

Desordenadas
  • Imagenes
  • Reglas
  • Letras
Ordenada
  1. Netscape.
  2. Explorere
  3. Mosaic
Definicion
Para definir :)
 

Hagamos una....

<body bgcolor="#000000">
browsers
</body>

Despues le agregamos las etiquetas <ul> desordenada </ul>

<body bgcolor="#000000">
Browsers

<ul>
</ul>

</body>

Luego...

<body bgcolor="#000000">
Browsers
<ul>
<li>Netscape.
<li>Explorer.
<li>Mosaic.
</ul>
</body>

Browsers.
  • Netscape.
  • Explorer.
  • Mosaic.

Felicitaciones eres el orgulloso padre de una lista desordenada.


Para hacer una lista ordenada es exactamente el mismo proceso solo cambia <ul> por <ol>

<body bgcolor="#000000">
Browsers

<ol>
</ol>

</body>

Luego...

<body bgcolor="#000000">
Browsers
<ol>
<li>Netscape.
<li>Explorer.
<li>Mosaic.
</ol>
</body>

Browsers.
  1. Netscape.
  2. Explorer.
  3. Mosaic.

Otra lista util es la de definicion...

<body bgcolor="#000000">
<dl>
<dt>Browsers
<dd>Programas para navegar el internet, entre los mejores Netscape Comunicator,Microsoft internet Explorer y Ncsa Mosaic.
</dl>
</body>

Browsers.
Programas para navegar el internet, entre los mejores Netscape Comunicator,Microsoft internet Explorer y Ncsa Mosaic.

Una etiqueta que realmente no quisiera decirte es <blink> realmente es muy molestosa y a nadie le gusta pero quiero que sepas que exsiste.
Nota: Esta etiqueta no funciona con Internet Explorer.

<body bgcolor="#000000">
Este tutorial es muy
<blink>Largo.</blink>
</body>

Este tutorial es muy largo.

Todo al centro....asi <center> </center>

Esta etiqueta pondra todo lo que pongas entre ella al centro.

<body bgcolor="#000000">
<center>
Seria bonito si pudieramos poner todo al centro
</center>
</body>

Seria bonito si pudieramos poner todo al centro


Bueno esto es el final de este tutorial aqui tienes la gran mayoria de etiquetas que nesecitas para hacer una pagina en HTML, claro que hay otras etiquetas pero primero practica con estas por un tiempo despues podras aumentar otras a tu repertorio cuando comenzemos otro tutorial.

Visita estas paginas utiles para futuros Webmasters

 

 

ATRAS  = = = ADELANTE

  

Introduccion Leccion 1 Leccion 2 Leccion 3 Leccion 4 Leccion 5 Leccion 6
Correo