Html, alineación y párrafos

En esta lección nos centraremos en el estudio de los párrafos y su respectiva alineación. En primer lugar, es necesario decir que por párrafo se entiende una o más líneas de texto, lo importante es que estén comprendidas, para delimitarlos, entre las etiquetas que regulan precisamente los párrafos.

El tag que regula y determina un párrafo es el tag p que, en colaboración con el tag de cierre, encierra las definiciones del párrafo, incluyendo la alineación y el salto de línea en un párrafo muy largo. La alineación se regula con el atributo align seguido de las definiciones right, left e center. Por lo tanto, para resumir, la definición de párrafo está determinada por los tags y su alineación se regula con el atributo align que puede definirse en right, left e center. Pero vayamos a nuestro ejemplo habitual para ver la sintaxis de estos nuevos tags:

En este ejemplo hemos utilizado solo los tags p para definir el párrafo. Veamos ahora, utilizando todavía solo p, cómo definir dos párrafos:

esto resultaría todo en una línea, pero si interrumpiera de esta manera:

separaría el texto yendo a una nueva línea en el punto preferido. De esta manera hemos creado dos párrafos bien distintos. Ahora, utilicemos align para hacer pruebas de alineación de los dos párrafos en el ejemplo:

En la práctica, el primer párrafo lo hemos alineado a la izquierda y el segundo a la derecha. Veamos ahora con tres párrafos utilizando los tres parámetros de alineación:

En la práctica hemos escrito tres párrafos, cada uno definido con su alineación. Ahora surge una pregunta legítima: si debo alinear los tres párrafos todos a la izquierda o todos a la derecha o aún todos al centro, ¿por cada tag p debo insertar la definición de alineación? La respuesta es….¡no! Para estos casos, muy recurrentes, viene en ayuda un nuevo tag llamado divdentro el cual podemos insertar varios párrafos sin especificar su alineación. En la práctica, la etiqueta div engloba la formateación de varios párrafos. Aquí tienes un ejemplo para comprender lo que quiero decir:

Como veis, no hay que especificar la alineación para cada párrafo, ya que el buen div se encarga de ello. En esta lección habéis comprendido aún mejor que cada etiqueta individual puede contener parámetros de formateación que la convierten, de una simple etiqueta, en una herramienta muy potente para la creación y visualización de páginas web. A cada etiqueta individual se le puede asociar un parámetro de configuración diferente, haciéndola independiente de las otras etiquetas que componen el documento. Guardad el ejemplo presentado siempre como index.html Las etiquetas a utilizar para el texto son principalmente dos, una para los títulos y otra para los párrafos. Para los títulos se utiliza la etiqueta h que, seguida de un número del 1 al 6, determina el tamaño de la fuente y, por tanto, el énfasis del título.

Pubblicato in HTML & CSS