Separadores de bloques de texto


Para definir y separar bloques de texto se emplean una serie de marcas que definen párrafos, texto preformateado o bloques con significado especial como direcciones o citas.
Marcas de bloques:

P

<P> se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <P> y </P>.
Ejemplo:
<P>
  Este texto está contenido dentro del primer párrafo, 
  así que lo denominaremos: parrafo 1, párrafo 1, párrafo 1, 
  párrafo 1, párrafo 1, párrafo 1, párrafo 1, párrafo 1.
</P>
<P>
  Este otro texto está contenido dentro del párrafo 2, 
  párrafo 2, párrafo 2, párrafo 2, párrafo 2, párrafo 2, 
  párrafo 2, párrafo 2.
</P>
Esto dará como resultado:

Este texto está contenido dentro del primer párrafo, así que lo denominaremos: parrafo 1, párrafo 1, párrafo 1, párrafo 1, párrafo 1, párrafo 1, párrafo 1, párrafo 1.

Este otro texto está contenido dentro del párrafo 2, párrafo 2, párrafo 2, párrafo 2, párrafo 2, párrafo 2, párrafo 2, párrafo 2.

Normalmente no suele utilizarse la marca de fin de párrafo, </P> ya que el texto continuará hasta que encuentre otro comienzo de párrafo <P>.
Este elemento admite el atributo ALIGN, que puede tomar uno de los siguientes valores: Ejemplo:
<P ALIGN=LEFT>
  Texto justificado a la izquierda, texto justificado 
  a la izquierda, texto justificado a la izquierda, 
  texto justificado a la izquierda. 
</P>
<P ALIGN=RIGHT>
  Texto justificado a la derecha, texto justificado 
  a la derecha, texto justificado a la derecha, 
  texto justificado a la derecha.
</P>
<P ALIGN=CENTER>
  Texto centrado, texto centrado, texto centrado,
  texto centrado, texto centrado, texto centrado.
</P>
Esto dará como resultado:

Texto justificado a la izquierda, texto justificado a la izquierda, texto justificado a la izquierda, texto justificado a la izquierda.

Texto justificado a la derecha, texto justificado a la derecha, texto justificado a la derecha, texto justificado a la derecha.

Texto centrado, texto centrado, texto centrado, texto centrado, texto centrado, texto centrado.

Inicio

BR

El elemento <BR> es vacío por lo que sólo tiene marca inicial. Indica un salto de línea.

Ejemplo:

Texto 1, texto 1, texto 1, texto 1, texto 1, texto 1,
texto 1, texto 1, texto 1, texto 1, texto 1, texto 1,
texto 1, texto 1. <BR>
Texto 2, texto 2, texto 2, texto 2, texto 2. 
Con esto tendremos como resultado:
Texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1, texto 1.
Texto 2, texto 2, texto 2, texto 2, texto 2.
Inicio

BLOCKQUOTE

El elemento <BLOCKQUOTE> sirve para representar párrafos tabulados, por la izquierda y la derecha.

Ejemplo:

Texto 1,  texto 1, texto 1, texto 1, texto 1.
<BLOCKQUOTE>
  Texto 2, texto 2, texto 2, texto 2, texto 2, texto 2,
  texto 2, texto 2, texto 2, texto 2, texto 2, texto 2,
  texto 2, texto 2.
</BLOCKQUOTE>
El resultado será:
Texto 1, texto 1, texto 1, texto 1, texto 1.
Texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2, texto 2.
Inicio

HR

<HR> es un elemento vacío por lo que solo tiene marca inicial. Se emplea para separar bloques de texto representando una línea horizontal.

Se puede cambiar la apariencia de dicha línea mediante los siguientes atributos:

Ejemplos:
<HR NOSHADE>

<HR WIDTH=250 SIZE=3>

<HR WIDTH=250 SIZE=6>

<HR NOSHADE WIDTH=400 SIZE=4>

Inicio

DIV

Este elemento se comporta de forma muy parecida al salto de línea, <BR>, y a su vez admite los mismos atributos que <P>: ALIGN (LEFT, RIGHT, CENTER); o sea, permite definir un bloque con los atributos de <P>, pero dejando tan solo un salto de línea entre un bloque y otro.

Ejemplo:

<DIV ALIGN=LEFT>
  Texto justificado a la izquierda, texto justificado 
  a la izquierda, texto justificado a la izquierda, 
  texto justificado a la izquierda. 
</DIV>
<DIV ALIGN=RIGHT>
  Texto justificado a la derecha, texto justificado 
  a la derecha, texto justificado a la derecha, 
  texto justificado a la derecha.
</DIV>
<DIV ALIGN=CENTER>
  Texto centrado, texto centrado, texto centrado,
  texto centrado, texto centrado, texto centrado.
</DIV>
Esto dará como resultado:
Texto justificado a la izquierda, texto justificado a la izquierda, texto justificado a la izquierda, texto justificado a la izquierda.
Texto justificado a la derecha, texto justificado a la derecha, texto justificado a la derecha, texto justificado a la derecha.
Texto centrado, texto centrado, texto centrado, texto centrado, texto centrado, texto centrado.
Inicio

PRE

El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formateo tal como haya sido entrado en el fichero fuente HTML, o sea, respetando los espacios y los saltos de carro.

Ejemplo:

<PRE>
Esto es un texto preformateado, por tanto se 
respetan los espacios           y los saltos de 

carro,
como podrán observar.
</PRE>
El resultado será:
Esto es un texto preformateado, por tanto se 
respetan los espacios           y los saltos de 

carro,
como podrán observar.
Inicio

ADDRESS

El elemento <ADDRESS> se emplea para indicar que un texto representa una dirección o una firma mostrándolo, generalmente, en letra cursiva. Es muy utilizado para indicar toda la información respecto al autor del documento (dirección, teléfono, e-mail,...). Puede insertarse en cualquier lugar del documento; lo habitual en WWW es incluir esta zona de dirección al final del documento.

Ejemplo:

<ADDRESS>
  Tekin Tontu <BR>
  77A Wellington Rd <BR>
  Auburn 2144, NSW <BR>
  Australia <BR> 
  e-mail tekin@cis.com <BR> 
</ADDRESS>
Esto dará como resultado:
Tekin Tontu
77A Wellington Rd
Auburn 2144, NSW
Australia
e-mail tekin@cis.com
Inicio

CENTER

El elemento <CENTER> no es del HTML 2, sino del Netscape. Centra los elementos situados entre sus marcas de apertura y cierre. Dichos elementos podrán ser: bloques de texto, tablas, enlaces, imágenes, formularios, ...

Ejemplos:

   <CENTER>
     <TABLE BORDER>
       <CAPTION ALIGN=bottom>Tabla centrada</CAPTION>
       <TR> <TD> Celda 1 <TD> Celda 2 </TR>
       <TR> <TD> Celda 3 <TD> Celda 4 </TR>
     </TABLE>
   </CENTER>
Tabla centrada
Celda 1 Celda 2
Celda 3 Celda 4


   <CENTER>
     <IMG SRC="images/bgfun02.gif">
   </CENTER>


   <CENTER>
     <P>Este último ejemplo es un párrafo de texto centrado 
     mediante el elemento CENTER. Como pueden observar
     cada una de las líneas del párrafo aparecerá centrada.<P>
   </CENTER>

Este último ejemplo es un párrafo de texto centrado mediante el elemento CENTER. Como pueden observar cada una de las líneas del párrafo aparecerá centrada.

Inicio

Indice

Facultad de Informática de la Universidad de Las Palmas de Gran Canaria