martes, 10 de enero de 2017

Lenguaje de Programación HTML (I) Lección #4

Antes de continuar se tiene que hablar sobre como trabajan los navegadores o browsers:
Los navegadores o browsers no reconocen formatos para párrafos, hay que especificarle como lo que quieres si no mostrará todo en una línea consecutiva.
Por ejemplo:
<body bgcolor="#FFFFFF">
Algo bonito como una página </body>

algo bonito como una página



Pero que tal si queremos escribir las palabras cada una en su propia línea:
Tratemos de nuevo:
<body bgcolor="#FFFFFF">
algo
bonito como una
página
</body>

algo bonito como una página
Como te puedes dar cuenta que aunque en el editor escribiste por separado cada una de las palabras el resultado fue el mismo, para que no ocurra ésto, se utiliza la etiqueta <br> la cual finaliza una línea y permite comenzar otra.
nota: esta etiqueta no tiene una etiqueta para cerrar. 




Tratemos de nuevo.<body bgcolor="#FFFFFF">
algo<br>bonito<br> como<br> una <br> página
</body>

algo
bonito
como
una
página



Una etiqueta similar a <br> es la etiqueta <p> lo que hace es cortar una línea y salta una, por ejemplo:
<body bgcolor"#FFFFFF">
algo<p>bonito<p> como<p> una <p> página
</body>

algobonito
como
una
página
Interesante no?



Estas etiquetas no se pueden usar una atrás de la otra para hacer un espacio grande. en otras palabras no puedes hacer esto <p> <p> <p> <p> porque no te dará 4 líneas vacías lo que puedes hacer es utilizar &nbsp;<p> 




ahora escribe esto....<body bgcolor"#FFFFFF">
algo&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bonito.
</body>

algo      bonito



Y a hora escribe esto:<body bgcolor"#FFFFFF">
algo&nbsp;<p> bonito.
</body>

algo bonito
El símbolo & significa el comienzo de una etiqueta especial y all final de ésta se encuentra el punto y coma ;Nota: Estas etiquetas tienen que ser escritas en letras minúsculas.
  • &nbsp; ( un espacio)
  • &lt; (< menor que)
  • &gt; (> mayor que)
  • &amp; (& )
  • &quot; (" comillas)
  • &shy; (­ guión)

Ahora se tiene el siguiente ejemplo:
<body bgcolor="#000000">
Algo &nbsp;&nbsp;bonito<br>como una<p>página
</body>

algo   bonito
como una
página

No hay comentarios:

Publicar un comentario