martes, 9 de diciembre de 2008

29.- HTML - Elementos básicos - Espacios y líneas <br>

Como hemos dicho anteriormente el html fue diseñado al principio especialmente para texto. Es por eso que los saltos de línea no se representan, y aunque lo escribamos en varias líneas se representa en una sola línea separada por espacios, veamos un ejemplo.
Código Ejemplo de separadores y líneas:
<html>
  <head>
    <title>Espacios y líneas</title>
  </head>
  <body>
    Esto                   
    aunque no                     lo          parezca
    es
    una
    sola
    línea
    de
    texto
  </body>
</html>
----- el código anterior en el navegador será así ---------

Esto aunque no lo parezca es una sola línea de texto
-----------------------------------------------------------
El ancho de la representación de esta línea de texto vendrá determinada por la ventana del navegador.
Como podéis observar tampoco se representan los espacios en blanco, por muchos espacios que pongamos solo se representara uno.
Para representar un salto de línea se utiliza la etiqueta <br>. Es decir que por cada <br> que se escribe en el código, se salta una linea en la representación.
Código Ejemplo de etiqueta <br>:
<html>
  <head>
    <title>Etiqueta de salto de línea <br></title>
  </head>
  <body>
    Esto                    
    es una línea, que saltara una línea después de la etiqueta<br>
    esta línea esta debajo porque antes hay una etiqueta <br>  </body>
</html>
----- el código anterior en el navegador será así ---------
Esto es una línea, que saltara una línea después de la etiqueta
esta línea esta debajo porque antes hay una etiqueta
-----------------------------------------------------------

Temas anteriores * 28.- HTML - Elementos básicos - Párrafos- <p> </p>
27.- HTML - Elementos básicos - Separadores de Texto
26.- Un buen editor para programación Web - Notepad2
25.- HTML: Entidades y caracteres especiales. (2a parte)
24.- Encabezados o títulos en html
23.- Elemento de centrado html
22.- Estructura básica de un documento
21.- Estructura básica de un documento html - Marcas y etiquetas
20.- Estructura básica de un documento html. Metodología
19.- Algunos Navegadores

No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.