miércoles, 18 de abril de 2012

Bloques de Texto en HTML


-->
Disponemos de diversos tipos de bloques de texto en HTML:

•   Párrafos.
•   Saltos de línea.
•   Reglas Horizontales
•   Párrafos citados.
•   Divisiones.
•   Texto preformateado.
•   Centrados.

2.1.- Párrafos

Disponemos de la etiqueta  <P> para separar párrafos. HTML ignora los saltos de línea introducidos en el fichero original y de que para HTML todo el texto es continuo, requeriremos algún mecanismo para indicar principio y final de párrafo. Dicho mecanismo viene dado por las marcas <P> y </P>.

La etiqueta “P” admite además un atributo, ALIGN, que indica la alineación del texto en el párrafo, pudiendo tomar los valores:

•   LEFT, alineación a la izquierda, es el activo por defecto.
•   RIGHT, alineación a la derecha.
•   CENTER, centrado del texto.

La marca de final de párrafo,  </P>, está definida en el estándar de HTML como opcional, pudiéndose omitir. En ese caso, el navegador inferirá que una nueva aparición de indica el final del párrafo anterior.

2.2.- Saltos de línea

La etiqueta <BR> nos indica un salto de línea. Podemos usarla como marca inicial sin final. La marca BR no modifica los parámetros especificados para el párrafo en el que nos encontremos en ese momento.

2.3.- Reglas horizontales

HTML proporciona una etiqueta que nos permite incluir en nuestra página una regla horizontal (una raya de extremo a extremo de la página) de anchura variable. Dicha etiqueta, HR, se utiliza para separar bloques de texto. Es un elemento que sólo tiene etiqueta inicial, pero que dispone de diversos atributos para cambiar su forma:

•   NOSHADE: elimina el efecto de sombreado de la regla.
•   WIDTH: define la longitud de la línea respecto a la página.
•   SIZE: define el grosor de la línea.


2.4.- Párrafos citados

Disponemos de un elemento en HTML, <BLOCKQUOTE>, que permite representar párrafos citados literalmente de otro texto. Generalmente se representan identados a derecha e izquierda y con un salto de párrafo antes y después del párrafo citado.
Deberíamos evitar el uso de BLOCKQUOTE para identar texto, usándolo sólo para citas literales, pues el navegador puede representarlo de otra forma, por ejemplo, no identado.

2.5.- Divisiones del texto en bloques

El elemento <DIV> permite dividir el texto en bloques, insertando entre los bloques un salto de línea simple, al igual que BR. No obstante, a diferencia de éste, admite los mismos atributos que P, es decir, podemos definir la alineación del texto para cada bloque DIV.

Las  alineaciones  soportadas  por  DIV,  mediante  el  parámetro

ALIGN, son las siguientes:

•   LEFT, alineación a la izquierda, es el activo por defecto.
•   RIGHT, alineación a la derecha.
•   CENTER, centrado del texto.


2.6.- Texto preformateado

El texto insertado entre las etiquetas<PRE> y </PRE> será visualizado por el navegador respetando el formato de saltos de línea y espacios con el que se ha introducido. El navegador, por norma general, mostrará dicho texto con un tipo de letra de espaciado fijo similar a la de las máquinas de escribir.

EJEMPLO DE BLOQUE DE TEXTO:

<HTML>
<HEAD>
<TITLE>Título del documento
</HEAD>
<BODY>
<P ALIGN=LEFT>
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.
</P>
<DIV ALIGN=RIGHT>
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.
</DIV>
<DIV ALIGN=CENTER>
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.
</DIV>
<PRE>
En un lugar de la Mancha,
 de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo
de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

Una olla de algo más vaca que carnero,</PRE>
<CENTER>
<P>
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero,
</P>
</CENTER>
</BODY>
</HTML>

 
El resultado de la visualización de este código HTML es el siguiente: