El Párrafo
Normalmente, cuando vemos una página escrita de texto, sobretodo se ven muchas letras :p y, bueno, en el fondo se traa de eso, ¿no? Pero, hay que destacar una cosa de esas letras y es que normalmente se ven como grupos de bastantes líneas. A esos grupos, se les llama párrafo.
Y, para verlo perfectamente, lo vamos a hacer retomando nuestra primera Página Web:
| <HTML> <HEAD> <TITLE>Mi Primera Página Web</TITLE> </HEAD> <BODY> Bienvenido a Mi Página Web personal.<BR> Estoy aprendiendo a hacer páginas web, así que podrás ver como esta página evoluciona. </BODY> </HTML> |
Este es el mismo código que teníamos ya en nuestra primera página, y que vamos a retocar mínimamente para introducirle un párrafo:
| <HTML> <HEAD> <TITLE>Mi Primera Página Web</TITLE> </HEAD> <BODY> <P>Bienvenido a Mi Página Web personal.<BR> Estoy aprendiendo a hacer páginas web, así que podrás ver como esta página evoluciona.</P> </BODY> </HTML> |
Como habreis podido comprobar, el único cambio que le hemos hecho a este texto es añadirle las etiquetas correspondientes al párrafo que son las de <P> y </P>.
Como ya dije, hay etiquetas que abren y cierran los elementos que hay entre ellas, y es normal, que para un párrafo se le indique dónde empieza y dónde termina.
Primer texto con
Párrafo
Pero claro, donde se ve la gran diferencia con la etiqueta que vemos siempre que es la del <BR>, que recuerdo, que es la etiqueta del Intro o Retorno de Carro, es poniendo otro párrafo debajo, para que veais que deja una mínima separación... tan mínima que es como si pusiéramos otro <BR>.
| <HTML> <HEAD> <TITLE>Mi Primera Página Web</TITLE> </HEAD> <BODY> <P>Bienvenido a Mi Página Web personal.<BR> Estoy aprendiendo a hacer páginas web, así que podrás ver como esta página evoluciona.</P> <P>Aquí os presento como quedaría un texto normal y corriente, pero aplicándole un párrafo debajo del otro.<BR> Así, podreis ver, además de como avanzo en el curso, cómo aprendo a dar formato a un texto que no tiene ningún sentido :p</P> </BODY> </HTML> |
Ahora os recomiendo que hagais un copiar y pegar de este texto en el mismo archivo index.html que creamos el primer día, para que veiais la diferencia.
Aquí vemos con claridad la
diferencia entre dos párrafos
Como creo que esto es bastante sencillo, y, la verdad, no tiene el más mínimo secreto, vamos a prbar de añadir algún párrafo más, pero esta vez alineándolos uno a la izquierda (como los que ya teníamos), otro a la derecha, y otro, en el centro.
Para ello, utilizaremos el parámetro ALIGN de la etiqueta <P>. Esto, que leído suena muy complicado, no es tal cosa que hacer esto:
<P ALIGN="left"> ó <P ALIGN="center"> ó <P ALIGN="right">
que no hacen otra cosa que alinear a la IZQUIERDA (left), CENTRO (center) o DERECHA (right).
Y para comprobar que esto funciona correctamente, vamos a seguir con nuestro ejemplo; para ello, al texto que ya teníamos hecho, añadiremos lo siguiente...
| <P ALIGN="left">Este texto debe aparecer
alineado a la IZQUIERDA...</P> <P ALIGN="center">Este texto debe aparecer alineado al CENTRO...</P> <P ALIGN="right">Este texto debe aparecer alineado a la DERECHA...</P> |
Hemos alineado tres párrafos, a
la izquierda, centro y derecha.
Bueno, y creo que por lo que respecta a los párrafos, no hay mucho más que decir, así que ahora, a otra cosa, mariposa :p
