5.1.3 Los Párrafos de un Documento HTML
|
- La etiqueta <BR> inserta un salto de línea, pero no un salto de párrafo. En cambio, la etiqueta <P>...</P> inserta una salto de línea y una línea en blanco, por lo que, en la práctica, equivale a un nuevo párrafo.
- Por supuesto, tanto <BR> como <P>...</P> pueden repetirse varias veces seguidas para dejar más distancia entre las líneas y los párrafos.
- De todas maneras, sólo podemos separar los párrafos con líneas completas (una, dos, etc.), pero no podemos controlar el espacio entre los párrafos con la precisión que permite, por ejemplo, el programa Word (con las opciones de espaciado anterior y posterior).
- Un párrafo puede alinearse introduciendo los siguientes atributos en la etiqueta habitual:
| Código |
Función |
| <P align="left">...</P> |
Párrafo alineado a la izquierda |
| <P align="center">...</P> |
Párrafo centrado |
| <P align="right">...</P> |
Párrafo alienado a la derecha |
| <P align="justify">...</P> |
Párrafo justificado |
- Las etiquetas anteriores permiten alinear los párrafos enteros, pero siempre dejando una línea vacía delante de cada uno de ellas. ¿Hay alguna manera de alinear independientemente líneas o grupos de líneas? Sí, con las siguientes etiquetas:
| Código |
Función |
| <DIV align="left">...</DIV> |
Línea(s) alineada(s) a la izquierda |
| <DIV align="center">...</DIV> |
Línea(s) centrada(s) |
| <DIV align="right">...</DIV> |
Línea(s) alineada(s) a la derecha |
| <DIV align="justify">...</DIV> |
Línea(s) alineada(s) justificadas |
- En definitiva, disponemos de varias etiquetas similares para la creación y la alineación de los párrafos, que serán más o menos apropiadas dependiendo de las ocasiones. Veamos cómo funcionan en una página web:
| EJEMPLO |
| <HTML> |
| <HEAD> |
| <TITLE>Ejemplo </TITLE> |
| </HEAD> |
| <BODY> |
| <P align="left">Este párrafo está alineado a la izquierda. En la práctica, equivale sencillamente a la misma etiqueta sin indicación de alineación.</P> |
| <P align="center">Este párrafo está centrado. Hay una línea en blanco entre este párrafo y el anterior.</P> |
| <P>Ahora vamos a alinear tres líneas seguidas de tres maneras diferentes, pero sin dejar líneas vacías entre ellas, por medio de otras etiquetas:</P> |
| <DIV align="left">alineado izquierdo alineado izquierdo alineado izquierdo alineado izquierdo</DIV> |
| <DIV align="center">alineado centrado alineado centrado alineado centrado alineado centrado</DIV> |
| <DIV align="right">alineado derecho alineado derecho alineado derecho alineado derecho </DIV> |
| </BODY> |
| </HTML> |
Arriba
|