Formato de Parrafos

Etiquetas para dar estructura al texto

Las etiquetas de estructura permiten definir la división en elementos y secciones de un documento. A este nivel, se pueden identificar párrafos, títulos, listas. Además, se incluye la posibilidad de actuar sobre la alineación y distribución de estos bloques.

Los párrafos

El bloque básico de un documento es el párrafo. Dentro de un documento HTML, es preciso marcar explícitamente el comienzo de un párrafo, para lo cual se utiliza la etiqueta <P>.

En caso de no especificarlo, todo el texto se mostraría como una única línea. Se debe tener en cuenta que determinados elementos que se verán más adelante (títulos, blockquotes, preformateados, listas) insertan un salto de párrafo o línea de forma automática.

Los párrafos se presentan con una separación aproximada de 1.5 líneas sobre el texto normal.

<P>… </P>	Marca un el inicio y final de un párrafo. No es obligatorio marcar el final de un párrafo, ya que se supone que el final de uno viene marcado por el principio del siguiente.
	ALIGN=	Especifica la alineación horizontal de este párrafo. Puede tomar los valores left, right o center. Esta opción está incluida en el HTML 3, y es aceptada por la mayoría de los browsers modernos.

Para especificar un salto de línea, dentro del mismo párrafo se utiliza <BR>.

<BR>	Cambia a la siguiente línea, dentro del párrafo actual.
	CLEAR=	Se utiliza para introducir saltos de línea especiales cuando se utilizan ‘imágenes flotantes’. Se explicará más adelante. Puede tomar los valores left, right y all.

En caso que se desee incluir un espaciado mayor que el que se inserta entre dos párrafos, no sirve utilizar sucesivas etiquetas <P>, ya que todas ellas corresponderán al inicio del mismo párrafo. Se deben utilizar siempre etiquetas <BR>, tantas como saltos de línea adicionales se precisen.

Normas de enlazado con otras etiquetas:

Puede contener formatos de carácter, enlaces, saltos de línea e imágenes.
Puede estar dentro de: BLOCKQUOTES, listas y formularios.

<HTML>
<HEAD>
<TITLE>Los párrafos en HTML</TITLE>
</HEAD>
<BODY>
<P>HTML nos obliga a especificar el inicio de cada párrafo.
<P>No respeta
el formato que utilicemos al escribir el código.<BR> Los saltos de línea son la solución para partir líneas dentro de un mismo párrafo.
<P><P><P>Varios inicios de párrafo seguidos equivalen a un sólo párrafo.
</BODY>
</HTML>

<P ALIGN=right> El texto de este párrafo está alineado a la derecha.<BR>El salto de línea mantiene la alineación.
<P ALIGN=center>Y el de éste centrado.

Títulos

Son elementos que permiten dividir el documento en una jerarquía de secciones, en las que el tamaño de presentación del título se corresponde con la importancia del mismo. Existen seis niveles diferentes de títulos; cada browser los muestra de una forma diferente, pero se garantiza que un título de número menor siempre se representa más visible que uno de número mayor.

Un título inserta un salto de párrafo automático, antes y después del mismo.

<Hn>… </Hn>	Marca el texto especificado como un título de nivel n. n puede tomar valores entre 1 y 6, siendo 1 el nivel principal.
	ALIGN=	Especifica la alineación de este párrafo. Puede tomar los valores left, right o center. Esta opción está incluida en el HTML 3, pero es aceptada por la mayoría de los browsers modernos.

Normas de enlazado con otras etiquetas:

Puede contener: elementos de formato de caracteres, enlaces, saltos de línea e imágenes.
Puede estar dentro de: BLOCKQUOTES.

<H1>H1 - Muestra de títulos</H1>

<H2>H2 - Muestra de títulos</H2>

<H3>H3 - Muestra de títulos</H3>

<H4>H4 - Muestra de títulos</H4>

<H5>H5 - Muestra de títulos</H5>

<H6>H6 - Muestra de títulos</H6>

Podemos comparar con el texto normal

<H2 ALIGN=right>Título alineado a la derecha</H2>

<H2 ALIGN=center>Título centrado</H2>

Alineación de elementos

El control para centrar elementos fué incluído por Netscape mediante la siguiente etiqueta.

<CENTER>… </CENTER>

Centra entre los márgenes izquierdo y derecho todas los párrafos de texto, así como otros elementos (tablas, imágenes, ...) contenidos entre las etiquetas.

Fue introducida por Netscape, de forma no estándar, pero es aceptada por la mayoría de los browsers modernos.

<DIV>… </DIV>

Especifica la alineación de todos los elementos HTML incluidos entre las dos etiquetas.

Forma parte de un conjunto más complejo de etiquetas de formato, incluido en HTML 3.

Netscape lo implementa como un equivalente a <P align= >.

ALIGN=

Especifica la alineación de los elementos. Puede tomar los valores left, right o center.

CENTER introduce un salto de línea automático antes y después de cada etiqueta.

DIV introduce un salto de párrafo automático antes y después de cada etiqueta.

Normas de enlazado con otras etiquetas:

Puede contener: elementos de formato de párrafos, títulos, elementos de formato de caracteres, listas, formularios, BLOCKQUOTE, enlaces, imágenes.
Puede estar dentro de: elementos de formato de párrafos, títulos, elementos de formato de caracteres, listas, formularios, BLOCKQUOTE, enlaces, imágenes.

<CENTER>
Con CENTER podemos alinear varios párrafos.
<P>Esto también presenta un centrado.
</CENTER>

<DIV ALIGN=right>
<P>Estos párrafos están alineados a la derecha.
<P>Es equivalente a utilizar el atributo de <BR>alineación en cada párrafo individual.
</DIV>

Líneas horizontales

Las líneas horizontales son muy útiles para separar diferentes secciones de un documento. Estos han sido introducidos por Netscape y Microsoft, y están recogidos en HTML 3.2.

<HR>	Inserta una línea horizontal por debajo del elemento anterior a la etiqueta. Si no se indica lo contrario, la línea ocupa toda la anchura de la pantalla del cliente Web.
	SIZE=	Marca el grosor de la línea. El valor por defecto es 2.
	WIDTH=	Marca la anchura horizontal de la línea. Si no se indica nada, la línea ocupa el ancho de la pantalla. Se puede expresar como un número (en pixels), o como un porcentaje del ancho de la pantalla (p.e. 75%).
	ALIGN=	Especifica la alineación de la línea. Puede tomar los valores left, right o center. Por defecto, las líneas están centradas entre los márgenes.
	NOSHADE	Para mostrar una línea sólida, sin la apariencia tridimensional que utiliza por defecto.

Siempre se inserta un salto de línea , independientemente del tamaño y alineación de la línea.

Normas de enlazado con otras etiquetas:

Puede estar dentro de: listas, tablas o BLOCKQUOTEs.

Línea normal <HR>
Líneas de diferentes grosores:
<HR SIZE=1><HR SIZE=2><HR SIZE=3><HR SIZE=4><HR SIZE=5><HR SIZE=6>
Línea sin efecto tridimensional:<HR NOSHADE>
Línea de 200 pixels: <HR WIDTH=200>
Línea al 25% de la pantalla: <HR WIDTH=25%>
Control de la alineación:<HR WIDTH=40% ALIGN=left>
<HR WIDTH=40% ALIGN=right>

Notas sobre <HR>

La definición de HTML es muy estricta con la inclusión de líneas horizontales. Sin embargo, los browsers son capaces de presentar construcciones no permitidas por el DTD de HTML. El siguiente ejemplo presenta una inclusión de <HR> dentro de un título, no permitida en HTML.

<H1>Titulo</H1>
<HR>
Este título tiene una línea por debajo de la etiqueta. Como el título introduce un salto de párrafo automático, la línea queda muy por debajo del título.
<H1>Título<HR></H1>
Esta línea está dentro del título, y se presenta <I>pegada</I> a la línea base del título.

Sangrado de bloques

<BLOCKQUOTE>… </BLOCKQUOTE>

Permite definir una sección del documento a la que se aplicará un sangrado, construyéndose así márgenes interiores.

Los bloques se pueden anidar, para crear niveles interiores adicionales.

Un BLOCKQUOTE inserta automáticamente un salto de párrafo antes y después del bloque.

Normas de enlazado con otras etiquetas:

Puede estar dentro de otro BLOCKQUOTE, una lista o un formulario.
Puede contener: títulos, párrafos, listas, enlaces, ADDRESS, otros BLOCKQUOTE, formularios, imágenes y PRE.

Con BLOCKQUOTEs...
<BLOCKQUOTE>
Podemos crear márgenes interiores.
<P>Todos los párrafos se ajustan al nuevo margen.
</BLOCKQUOTE>
Importante: Los bloques insertan saltos de párrafo automáticamente...
<BLOCKQUOTE>
Los bloques se pueden anidar...
<BLOCKQUOTE>
para crear niveles interiores
<BR>de elementos a los que se aplica una sangría horizontal.
</BLOCKQUOTE>
</BLOCKQUOTE>

Texto preformateado

Por lo general, no se tiene control directo sobre la presentación del texto de un documento; el browser se encarga de procesar el contenido, y mostrarlo en función de las características de la ventana, del tipo y tamaño de letra utilizado, etc. Sin embargo, en algunos casos es interesante disponer de la capacidad de especificar la posición de un texto en la página. El texto preformateado es una posible solución.

<PRE>… </PRE>	Muestra bloques de texto con el mismo formato que contienen en el documento HTML. De esta forma, se respetan los espacios en blanco entre palabras, los saltos de línea, tabuladores, etc.
	WIDTH=	Fija el ancho de línea a utilizar para mostrar el texto. El valor por defecto es 80, pero se pueden utilizar anchos de 40 y 132 caracteres por línea. El browser utilizará una fuente adecuada para cada presentación.

Se muestra con letra de ancho fijo (generalmente Courier), por lo que es adecuado para mostrar columnas tabulares de datos, en casos en que no se desee utilizar tablas (o no estén disponibles).

Un bloque <PRE> introduce un salto de párrafo delante y detrás del mismo.

Normas de enlazado con otras etiquetas:

Puede contener elementos de formato de caracteres, formato de párrafos, enlaces o líneas horizontales.
Puede estar dentro de BLOCKQUOTEs, formularios o listas.

<H3>Ventas en el primer trimestre</h3>
<PRE>
ALIMENTACION LIBROS TEXTIL
ENERO 1.121 189 950
FEBRERO 1.304 107 980
MARZO 1.022 120 850
------------------------------------
Totales 3.447 417 2.780
</PRE>
Cantidades en miles de pesetas

Direcciones

<ADDRESS>… </ADDRESS>

Se utiliza para incluir datos sobre el autor de un documento, su dirección, la fecha de modificación de un documento, etc.

Los clientes Web lo suelen mostrar como texto en itálica, del mismo tipo y tamaño que la fuente por defecto.

Normas de enlazado con otras etiquetas:

Puede estar dentro de BLOCKQUOTE o formularios.
Puede contener elementos de formato de caracteres, saltos de línea, imágenes y enlaces.

<HR>
<ADDRESS>
Pedro Corcuera (<A HREF="mailto:pcorc@macc.unican.es"> pcorc@macc.unican.es</A>)
<BR>Fecha de modificación: 1-10-1998
</ADDRESS>

Comentarios

Define un bloque de texto como comentario. Todo el texto entre estas dos etiquetas es ignorado por los clientes WWW.

Por la forma en que se introducen las etiquetas de principio y final, puede ser utilizado para deshabilitar bloques de etiquetas HTML.


