Estamos en Facebook Estamos en Google + Visita nuestro RSS Siguenos en Twitter Proximamente en Vimeo Suscribete en Youtube

lunes, 16 de enero de 2012

8. SALTOS DE LINEA, ESPACIOS ,TEXTO PREFORMATIADO EN XHTML

Entrada más reciente Entrada antigua

 En HTML no está permitido más de un elemento blanco (espacios, tabuladores, saltos de línea) separando cualquier elemento o texto, todos estos son convertidos a un único espacio blanco y el resto se omiten en la representación del documento. En el documento fuente podremos usar el espaciado que deseemos, y no deberá estar bien formateado, este se conseguirá con las etiquetas HTML.

un ejemplo reflejante de esto es:

==============================
<html>
<head>

</head>
<body>
<p>
 En HTML no está permitido más de un elemento blanco (espacios, tabuladores, saltos de  línea) 
 separando cualquier elemento o texto, todos estos son convertidos a un único espacio blanco y 
 el resto se omiten en la representación del documento.
</p>
<p>
 En HTML no está permitido más de     un elemento blanco (espacios, tabuladores, saltos de  línea) 
 separando cualquier elemento o                        texto, todos estos son convertidos a un único 
 
 espacio blanco y 
 el resto se omiten en la representación        del documento.
</p>
</body>

</html>


================================

en este ejemplo se puede apreciar dos parrafos exactamente iguales solo que los dos estan con distintas separaciones y saltos de linea visualizalos y veras que no afecta en su reproduccion en el navegador se ven exactamente iguales

La razón de este comportamiento es que HTML ignora todos los espacios en blanco sobrantes, es decir, todos los espacios en blanco que no son el espacio en blanco que separa las palabras.

NUEVAS LINEAS

<br>

 Su utilidad es similar al anterior pero en este caso el espaciado del texto es menor, se pasará a la línea siguiente, sin dejar una línea de separación. En este caso será un cambio de línea y no de parrafo. Igualmente no es necesario usarlo tras los elementos que llevan implícitos un salto de línea, ni tampoco es necesaria la etiqueta de fin </BR>.


ver mas en:


ejemplo:

========================================

<html>
<head>

</head>
<body>
<p>
 En HTML no está permitido más de un elemento blanco (espacios, tabuladores, saltos de línea) 
 separando cualquier elemento o texto, todos estos son convertidos a un único espacio blanco y 
 el resto se omiten en la representación del documento.
</p>
<p>
 En HTML no está permitido más de     un elemento blanco (espacios, tabuladores, saltos de línea) 
 separando cualquier elemento o <br/>texto, todos estos son convertidos a un único espacio    blanco y 
 el resto se omiten en la representación del documento.
</p>
</body>

</html>

===============================================




ESPACIOS EN BLANCO:


&nbsp;


Con esta secuencia de caracteres conseguiremos espacios en blanco que se mostrarán de forma efectiva, pudiendo mostrar más de un espacio en blanco de separación. Se incluirán tantas expresiones &nbsp; como espacios en blanco se desee conseguir.


ejemplo:


===============================================




<html>
<head>


</head>
<body>
<p>
 En HTML no está permitido más de un elemento &nbsp;&nbsp;&nbsp;blanco (espacios, tabuladores, saltos de línea)
 separando cualquier elemento o texto, todos estos son convertidos a un único espacio blanco y
 el resto se omiten en la representación del documento.
</p>
<p>
 En HTML no &nbsp;&nbsp;&nbsp;&nbsp;está permitido más de     un elemento blanco (espacios, tabuladores, saltos de línea)
 separando cualquier elemento o <br/>texto, todos estos son convertidos a un único espacio blanco y
 el resto se omiten en la representación del documento.
</p>
</body>


</html>


================================================


visualizalo y ve lo que ocurre


TEXTO PREFORMATEADO:


<pre></pre>




Muestra un porción de texto en el que se respetan los saltos de línea, tabuladores y espacios en blanco. Todo lo que se encuentre entre las etiquetas de inicio y fin de texto preformateado se mostrará tal y como se expresa en el fuente del documento html. Para mostrar este texto se utiliza una fuente de espaciado fijo más pequeña que el texto normal.


     Presenta un problema cuando la línea es demasiado larga, ya que no la corta el navegador y se mostraría tal y como aparece en el fichero fuente. No se recomienda como forma rápida de convertir un documento texto a formato visible en HTML ya que presenta muchas limitaciones y no se obtiene una buena presentación.


     Dentro de la etiqueta PRE no tendrán validez la mayoría de las instrucciones HTML, solo se podrán utilizar <b>, <i> y los hiperenlaces. El resto de las etiquetas HTML son ignoradas.


ejemplo:


==============================================




<html>
<head>


</head>
<body>
<pre>
Muestra un porción de texto en el que se respetan los saltos de línea, tabuladores y
espacios en blanco.     Todo lo que se encuentre entre las etiquetas de inicio y fin de texto
preformateado
se mostrará tal y como se expresa  en el      fuente del documento html. Para mostrar
este texto se utiliza una fuente de
espaciado fijo más pequeña que el texto
normal.

</pre>
</body>


</html>


==============================================




visualizalo en tu navegador aver lo que ocurre




y por ultimo:


<code>


En la mayoría de páginas web, no tiene sentido utilizar la etiqueta <code>. Sin embargo, en muchas páginas web técnicas que incluyen listados de programas, trozos de código o etiquetas HTML, lo correcto es emplear la etiqueta <code>.


ejemplo:


===========================================




<html>
<head>


</head>
<body>
<code>
Muestra un porción de texto en el que se respetan los saltos de línea, tabuladores y
espacios en blanco.     Todo lo que se encuentre entre las etiquetas de inicio y fin de texto
preformateado
se mostrará tal y como se expresa  en el      fuente del documento html. Para mostrar
este texto se utiliza una fuente de
espaciado fijo más pequeña que el texto
normal.

</code>
</body>


</html>


===========================================


saludos y puedes checar mas informacion de codigo en:

No hay comentarios:

Publicar un comentario