Párrafos y Alineación HTML

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.

Texto flotante alrededor de un objeto 

Otro atributo, definido para el elemento BR, controla el flujo del texto alrededor de objetos flotantes. Este atributo tiene en cuenta los objetos flotantes (imágenes, tablas, etc.). Valores posibles:

• none: La siguiente línea empezará normalmente. Este es el valor por defecto.
• left: La siguiente línea comenzará en la primera línea que quede por debajo de los objetos que estén flotando en el margen izquierdo.
• right: La siguiente línea comenzará en la primera línea que quede por debajo de los objetos que estén flotando en el margen derecho.
• all: La siguiente línea comenzará en la primera línea que quede por debajo de los objetos que estén flotando en cualquiera de los dos márgenes.

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.

Observación: <CENTER>Texto para centrar</CENTER>

Para un ejemplo práctico, haz clic aquí

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.
• noshade: si este atributo está presente, elimina el efecto 3D de la línea. Si no está presente, produce dicho efecto.

Para un ejemplo práctico, haz clic aquí