Actualizado el 14-01-2007
versión para imprimir
Formateo básico de texto
Las etiquetas html no solo indican al navegador la naturaleza del elemento que contienen (texto, imagen, enlace), sino que tambien pueden indicar como debe aparecer ese elemento. A continuación estudiaremos las etiquetas de estilo mas sencillas, aunque ya advirtiendo que las posibilidades que ofrece este lenguaje son bastante limitadas, y que es del todo punto aconsejable usar las CSS para determinar los detalles de maquetación y apariencia de la página. Pero nuevamente no nos adelantemos, y veamos estas etiquetas físicas básicas:
<b>esta etiqueta (b de bold)transforma el texto en negrita</b> <i>esta otra (i de italica) lo transforma en cursiva</i> <u>u, de underline, subrayado</u> [en desuso]
Es decir, texto en negrita, en cursiva, o subrayado.
Lamentablemente, como todas ellas son etiquetas físicas, su uso ha dejado de ser recomendado, o lo será próximamente, siendo preferible el equivalente CSS. De hecho el código de esta página no es código válido, por el uso que acabamos de hacer de la etiqueta <u></u>. Para que el código fuera html 4.01 válido tendríamos que haber recurrido a las reglas de estilo: <span style="text-decoration: underline;">. Quizás un poco mas complicado, pero a cambio mucho mas flexible:
<span style="font-weight:bold">texto en negrita</span><span style="font-style:italic;">texto en cursiva</span><span style="text-decoration:underline;">texto subrayado</span>
Es decir, texto en negrita, texto en cursiva, y texto subrayado, pero esta vez, con estilo.
Hay otras varias etiquetas html formateadoras de texto, esta vez no físicas sino lógicas. Hablamos de ellas mas adelante
Alineando el texto
El alineamiento del texto, esto es, que aparezca a la izquierda o derecha de la página, o centrado, se conseguía en html con la etiqueta <center></center> [en desuso], que centraba todos los elementos que englobaba, o con el atributo align, que definía la alineación del elemento a que se aplicaba. Por ejemplo <p align="center"> [en desuso] definía un párrafo con el texto centrado
La recomendación actual para alinear el texto segun nos interese, es de nuevo acudir a las CSS:
<p style="text-align:center;">El texto con este atributo debe aparecer centrado.</p> <p style="text-align:left;">El texto con este atributo debe aparecer alineado a la izquierda y no a la derecha.</p> <p style="text-align:right">El texto con este atributo debe aparecer alineado a la derecha.</p> <p style="text-align:justify">El texto con este atributo debe aparecer justificado. Margenes alineados a derecha e izquierda.</p>
Bien, lo vemos de nuevo, este texto esta alineado a la izquierda: Bana pon evi ahumem quide aliplem est. Nifithius bequoras, ecast orhascram tho quidimipr milecront. Dravomus in gicuspi lidothant. Ovobr, ehecus nef todosni olescronis.
y este alineado a la derecha:Bana pon evi ahumem quide aliplem est. Nifithius bequoras, ecast orhascram tho quidimipr milecront. Dravomus in gicuspi lidothant.
... texto centrado, similar en su efecto a la propia pareja de etiquetas center: Bana pon evi ahumem quide aliplem est. Nifithius bequoras, ecast orhascram tho quidimipr milecront.
Y este otro texto esta justificado (alineado) en sus dos márgenes: Bana pon evi ahumem quide aliplem est. Nifithius bequoras, ecast orhascram tho quidimipr milecront. Dravomus in gicuspi lidothant. Ovobr, ehecus nef todosni olescronis. Obraprius, icosmem ora cratips apofant.
¿Que quiere decir eso de que un elemento o atributo está en desuso?
Un elemento o atributo está declarado en desuso (deprecated) cuando ha caido en desgracia en la ultima formulación del standard html. Puede seguir usándose, y se recomienda que los programas lo sigan reconociendo y procesando correctamente, mas que nada por compatibilidad con páginas antiguas, pero puede ser declarado obsoleto en cualquier momento, y en ese momento su uso se considerará ilegal.