Cómo cambiar la alineación del texto en HTML

August 4

Texto en las páginas web puede alinearse en una de cuatro maneras: izquierda, derecha, centrado o justificado. Alineación de texto a la izquierda o la derecha se alinean hacia arriba en un lado del navegador (o área de texto), mientras que el centrado de la texto colocará el texto en el medio. Justificando el espacio de texto voluntad a cabo el texto para que sea uniforme en ambos lados. El texto puede alinearse utilizando los atributos de una etiqueta de párrafo o DIV, y también puede alinearse utilizando una hoja de estilo en cascada.

Instrucciones

El uso de la etiqueta de párrafo

1 Coloque una etiqueta de párrafo antes de que el texto a ser alineado mediante la introducción de <P> en la línea sobre el texto.

2 Añadir un atributo de alineación de la etiqueta de párrafo mediante la introducción de align = "alineación". Reemplazar "alineación" con la "izquierda", "derecha", "centro" o "justificar", dependiendo de cómo se desea que el texto se alineará. Por ejemplo, para alinear el texto en el lado derecho, la etiqueta de párrafo será <P align = "right">.

3 Cierre la etiqueta de párrafo mediante la introducción </ P> en la línea debajo del texto.

Usando la etiqueta DIV

4 Coloque una etiqueta DIV antes de que el texto o bloques de texto para ser alineado mediante la introducción de <DIV> en la línea sobre el texto.

5 Añadir un atributo align a la etiqueta DIV align = mediante la introducción de la "alineación" y la sustitución de la "alineación" con su definición alineación deseada. "Izquierda", "derecha", "centro" y "justificar" son todos los valores válidos para el atributo de alineación DIV. Por ejemplo, a la izquierda a alinear un bloque de texto con una etiqueta DIV, el usuario podría utilizar <div align = "left">.

6 Cierre la etiqueta DIV introduciendo </ DIV> en la línea debajo del texto.

Utilizando una hoja de estilo en cascada

7 Añadir una hoja de estilo con la alineación que desea tener en el texto. Para ello, introduzca <style type = "text / css"> antes de la etiqueta <body> en el documento HTML.

8 En la línea después de la etiqueta <STYLE>, escriba un párrafo o definición DIV. Para añadir una definición párrafo, o bien introducir P.NAME {text-align: ALINEACIÓN} o DIV.NAME {text-align: ALINEACIÓN} y reemplazando "NOMBRE" con un nombre para la definición. Reemplazar "alineación" con su alineación de texto preferido.

9 Cierre la etiqueta de estilo introduciendo </ style> en la línea después de la definición.

10 Abrir el texto que desea alineado dentro de una etiqueta de párrafo o DIV colocando antes de que el texto sea <P class = "nombre"> o <div class = "nombre"> e instalación "NOMBRE" con el nombre que eligió para la definición de paso dos.

11 Cierre el párrafo o etiqueta DIV introduciendo </ P> o </ DIV> en la línea debajo del texto.

Consejos y advertencias

El método etiqueta de párrafo y DIV de la alineación ha sido etiquetado como "obsoleta" por el W3, lo que significa que ha sido reemplazado por el uso de hojas de estilo. Sin embargo, para aquellos que están desarrollando páginas web para navegadores antiguos que no soportan CSS, utilizando el párrafo y etiquetas DIV se recomiendan.