Curso de HTML - 5. Párrafos y alineación

En la leccion anterior hemos visto como formatear un sencillo texto en HTML. Ahora nos centraremos en cómo disponer, dividir y colocar el texto y demás objetos de una página HTML dentro del documento.

Crear párrafos con <P>

La marca <P> sirve para definir un nuevo párrafo de texto, indicando al navegador que el mismo debe empezar en una nueva línea y colocarse a la derecha, a la izquierda o centrado. Si no se especifica otra cosa, la marca <P> alinea el texto por defecto a la izquierda. Para indicar otros tipos de alineación, existen atributos específicos:

<P ALIGN=left>
Define un párrafo y alinea el texto a la izquierda(left).

<P ALIGN=right>
Define un párrafo y alinea el texto a la derecha (right).

<P ALIGN=center>
Define un párrafo y centra el texto (center).

Para un ejemplo práctico, haz clic aquí

Salto de línea con <BR>

<BR> es una marca de interrupción de línea. Tiene un funcionamiento similar a la marca de párrafo vista anteriormente, pero se diferencia porque no indica el inicio de un nuevo párrafo.
Dicho de otro modo, su función es parecida a la de la tecla "enter" del teclado.
Se usa sin marca de cierre.

Disponer el texto con <DIV ALIGN> y <CENTER>

El elemento <DIV> se utiliza para alinear horizontalmente el texto a la izquierda, a la derecha o en el centro de la página. El atributo ALIGN es fundamental a este respecto.

<DIV ALIGN=left>Texto e imágenes a la izquierda</DIV>
Mueve a la izquierda los elementos contenidos dentro de sus marcas.

<DIV ALIGN=right>Texto e imágenes a la derecha</DIV>
Mueve los elementos a la derecha.

<DIV ALIGN=center>Texto e imágenes centrados</DIV>
Centra los elementos.

Para un ejemplo práctico, haz clic aquí

La marca <CENTER> tiene un funcionamiento idéntico al de <DIV ALIGN=center> pero su uso ha sido depreciado por el estándar 4 de HTML. El uso de <CENTER> fue introducido por Netscape, justo cuando el HTML preveía la salida de DIV. La enorme difusión inicial de Netscape ha hecho que el uso de esta marca esté también muy difundido, por lo que todavía los navegadores la utilizan y reconocen (incluido MsIe). El uso de <CENTER> es muy simple:

<CENTER>Texto para centrar</CENTER>

Líneas horizontales con <HR>

Las líneas horizontales constituyen un instrumento idóneo para dividir partes del documento y hacer más legible el texto. La sintaxis necesaria para su inserción en un documento HTML es la siguiente:

<HR align="CENTER" size="2" width="400" color="Red" noshade>

La marca HR (acrónimo de Horizontal Rule) no necesita cierre. Consta de diversos atributos:

aling="CENTER": define la alineación de la línea (center, right, left).

size="2": define el grosor, en píxel, de la línea.

width="400": define la longitud horizontal, en píxel, de la línea. Puede también expresarse en tanto por cien respecto al espacio a disposición: width=80%.

color="RED": define el color de la línea.

Para un ejemplo práctico, haz clic aquí