Una Pagina Web Basica
Leccion #4

Antes de continuar tenemos que hablar sobre como los browsers trabajan, los browsers no reconosen formatos, tienes que especificarle lo que quieres si no mostrara todo en una linea consicutiva.

Por ejemplo...

<body bgcolor="#000000">
algo bonito como una pagina!
</body>

Algo bonito como una pagina!

Pero que tal si queremos escribir las palabras cada una en su propia linea!

<body bgcolor="#000000">
algo
bonito
como
una
pagina!

</body>


algo bonito como una pagina!

Como te puedes dar cuenta no funciona para esto tenemos la estiqueta <br> esta etiqueta finalisa una linea y te permite comenzar otra.

Nota: esta etiqueta no tiene una etiqueta para cerrar.


Tratemos de nuevo.

<body bgcolor="#000000">
algo
<br>
bonito<br>
como<br>
una <br>
pagina!
</body>


algo
bonito
como
una
pagina!

Una etiqueta similar a <br> es la eatiqueta <p> lo que hace es cortar una linea y salta una.


<body bgcolor"#000000">
algo
<p>
bonito<p>
como<p>
una <p>
pagina!
</body>


algo

bonito

como

una

pagina!

Interesante no?


Nota: Estas etiquetas no se pueden usar una atras de la otra para hacer un espacio grande. en otras palabras no puedes hacer esto <p> <p> <p> <p> porque no te dara 4 lineas vacias lo que puedes hacer es esto &nbsp;<p>


Una etiqueta muy util es la etiqueta de un solo espacio &nbsp;.

ahora escribe esto....

<body bgcolor"#000000">
algo
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
bonito.
</body>


algo      bonito

Y a hora escribe esto.....

<body bgcolor"#000000">
algo
&nbsp;<p> bonito.
</body>


algo 

bonito

Esto & significa el comienzo de una etiqueta especial y esto es el final de esta estiqueta ;

Nota: Estas etiquetas tienen que ser escritas en letras minusculas.

Si crees que nesecitas mas sigue este enlace especial!

Que te parece un ultimo ejemplo....

<body bgcolor="#000000">
Algo
&nbsp;&nbsp;bonito<br>como una<p>pagina!
</body>


algo   bonito
como una

pagina!

Bueno esta es la mejor manera de explicar esto!!! (creo).

 

ATRAS  = = = ADELANTE

  

Introduccion Leccion 1 Leccion 2 Leccion 3 Leccion 4 Leccion 5 Leccion 6
E-mail