<Curso de programación HTML básico y creación de páginas web>

CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB

TEMA 3: Formato básico del documento

3.6 Alineación

Dentro del cuerpo de tu página, define un párrafo con las etiquetas …, dentro de ellas escribe un texto corto. Puedes copiar y pegar el texto del ejemplo, o escribir uno propio.
Ejemplo:

Guarda tu documento y ubica en el editor la pestaña de "Preview" para que veas cómo aparece el texto. ¿El texto aparece alineado a la izquierda? Esto se debe a que el HTML define por defecto una alineación izquierda ya que los navegadores asumen que es así como quieres que aparezca el texto.

Para cambiar la alineación del texto incluye el atributo align (alinear) a la etiqueta de iniciar acción del párrafo . El atributo de align acepta tres diferentes elementos: left (izquierda), center (centrado) o right (derecha). Veamos cómo se escribe la etiqueta:

Mi comunidad está llena de gente alegre y trabajadora

Esta es la posición que determina cada elemento:

left	Mi comunidad está llena de gente alegre y trabajadora.
center	Mi comunidad está llena de gente alegre y trabajadora.
right	Mi comunidad está llena de gente alegre y trabajadora.

Para alinear textos desde el editor, sigue estos pasos:

En la pestaña de HTML
1. Selecciona el texto
2. Da un clic en los iconos de alineación

o selecciona la opción del menú de formato Format/Left, Format/Right o Format/Center.

En la pestaña de Design
Se pueden emplear los pasos descritos para la pestaña de HTML o seguir estos: Atributos Párrafo
1. Selecciona el texto. El atributo de alineación de texto ser mostrará en el Panel de Propiedades.
2. Da un clic en el campo de ALIGN y selecciona la opción que deseas del menú que aparece.

TIPS

Es preciso considerar que el atributo de alineación (align) no necesita cerrarse, ya que es parte de la etiqueta de párrafo que se cierra con . Este mismo atributo de alineación puede utilizarse de muchas formas, incluyendo la alineación de imágenes.