En este artículo
veremos con más detalle las más ampliamente manipuladas y ejemplificaremos
algunas de ellas después.
Formatear un texto pasa por tareas tan ciertas como mostrar los
párrafos, justificarlos, insertar viñetas, numeraciones o bien poner en
negrita, itálica...
Hemos comprobado que para definir los párrafos nos valimos de
la etiqueta <p> que introduce un salto y deja una línea en blanco antes
de seguir con el resto del documento.
Podemos también usar la etiqueta <br>, de la cual no
existe su cierre correspondiente (</br>), para realizar un simple retorno
de carro con lo que no dejamos una línea en blanco sino que solo cambiamos de
línea.
Nota: Existen otras etiquetas que no tienen su paralelo
de cierre, como <img> para las imágenes, las veremos en otro artículo. Esto
ocurre porque un salto de línea o una imagen no empiezan y acaban más adelante
sino que sólo tienen presencia en un lugar exacto.
Podéis probar que cambiar de línea en nuestro documento HTML
sin introducir alguna de estas u otras etiquetas no implica en absoluto un
cambio de línea en la página visualizada. En realidad el navegador introducirá
el texto y no cambiara de línea a no ser que esta llegue a su fin o bien lo definamos
con la etiqueta apropiada.
Los párrafos delimitados por etiquetas <p> pueden ser
fácilmente justificados a la izquierda, centro o derecha especificando dicha
justificación en el interior de la etiqueta por medio de un atributo align. Un
atributo no es más que un parámetro incluido en el interior de la etiqueta que
ayuda a especificar el trabajo de la etiqueta de una forma más personal. Revisaremos
a lo largo de este articulo cantidad de atributos muy útiles para todo tipo de
etiquetas.
Así, si deseásemos introducir un texto alineado a la
izquierda escribiríamos:
<p align="left">Texto alineado a la
izquierda</p>
El resultado seria:
Texto alineado a la izquierda
Para una justificación al centro:
<p align="center">Texto alineado al
centro</p>
que daría:
Texto alineado al centro
Para justificar a la derecha:
<p align="right">Texto alineado a la
derecha</p>
cuyo efecto seria:
Texto alineado a la derecha
Quieres aprender un poco mas del desarrollo web? entra aquí: http://iliachile.wordpress.com/2012/05/10/color-tamano-y-tipo-de-letra-en-html-desarrollo-web/
