Blog de Daiyiro

#BlogDeDaiyiro es sobre todo Bricolajes de Electrónica/Informática. ¡^-^¡

LO NUEVO:

12.10.13

4 - Edición En HTML - Espaciados y Saltos De Linea

En HTML solo se reconoce un espacio entre palabra y palabra, el resto de los espacios serán ignorados por el visor.


Ejemplo Se vera como

Esto     es    una      frase
Esto es una frase


Asimismo tampoco se respetan las tabulaciones, retornos de carro etc... Para ello existen una serie de directivas que indican estos códigos. La directiva <PRE></PRE> obliga al visor a visualizar el texto tal y como ha sido escrito, respetando tabulaciones, espacios, retornos de carro, etc..


Ejemplo Se vera como
<PRE>

Este texto      ha sido
preformateado . </PRE>

Este texto      ha sido
preformateado .


Para indicar un salto de linea se utiliza la directiva <BR> y para un cambio de párrafo (deja una linea en blanco en medio) se utiliza la directiva <P>.


Ejemplo Se vera como
Este texto tiene<BR>saltos de linea y <P> de párrafo. Este texto tiene
saltos de linea y

de párrafo.


La directiva <P> puede usarse también como directiva "cerrada" <P></P> indicando de esta manera los atributos de un párrafo en concreto. Cuando se usa de esta manera tiene el parámetro align que indica al visor la forma de "justificar" el párrafo. Los valores posibles de este parámetro son LEFT, RIGHT y CENTER, estando aun en estudio el valor JUSTIFY


Ejemplo Se vera como
<P Align=right>Este es un ejemplo de un párrafo de texto justificado a la derecha.</P>
Este es un ejemplo de párrafo de texto justificado a la derecha
<P Align=center>Este es un ejemplo de párrafo de texto centrado.</P>
Este es un ejemplo de párrafo de texto centrado


La directiva <HR> muestra una linea horizontal de tamaño determinable. Tiene los siguientes parámetros opcionales :


align = posición
Alinea la linea a la izquierda (left), a la derecha (right) o la centra (center).
noshade
No muestra sombra, evitando el efecto en tres dimensiones.
size = numero
Indica el grosor de la linea en pixels.
width = num / %
Indica el ancho de la linea en tanto por ciento en función del ancho de la ventana del visor. También se puede especificar un número que indicaría el ancho de la línea en pixels.
Ejemplo :

<HR align= center size= 20 width= 50%>



La directiva <HR> sin ningún parámetro mostraría una linea horizontal que ocuparía todo el ancho de la página.

1 comentario:

  1. Muy importante los espacios y saltos de línea y usarlos adecuadamente, se puede optimizar mucho el peso de un HTML usándolos correctamente.

    ResponderEliminar