Logo

El tipo de letra de las pÁginas web

Además de darle forma al texto otro aspecto importante en la configuración del documento html es la letra. A la letra la podemos escribir en negrita, itálica, subrayada, podemos usar la letra como índice, superíndice en textos científicos.

Para escribir un texto en negrita tememos que incluirlo dentro de las etiquetas <b> y </b> (de bold en ingles). O sucederá lo mismo si usamos las etiquetas <strong> y </strong>, la diferencia entre ambas etiquetas esta en que la <strong> a la vez que pone el texto en negrita lo resalta.

Para escribir un texto en itálica tenemos dos posibilidades, una usar la etiqueta <i> y </i> (italic), o usar las etiquetas <em> y </em>. Claro esta, en la mayoría de los casos las veremos escritas con las primeras etiquetas que son más sencillas y fáciles de utilizar.

Otras etiquetas importantes son las que se utilizan para subrayar un texto, estas son: <u> y </u> (underlined). Este subrayado tenemos que hacerlo con mucha moderación porque los enlaces de hipertexto o hipervínculos van, a no ser que los tipifiquemos, subrayados con lo que puede dar lugar a confusión.

Los subíndices y superíndices se utilizan mucho en textos científicos y las etiquetas para ello son: <sub> y </sub> para los subíndices, y <sup> y </sup> para los superíndices.

Todas estas etiquetas como el resto de las que hemos visto se pueden colocar unas dentro de las otras para conseguir resultados como por ejemplo, letras en negrita e itálica colando una etiqueta dentro de la otra. Para conseguir letras en negrita e itálica escribiríamos lo siguiente:

<b><i>Este texto aparecerá en el navegador en negrita e itálica</i></b>

<b>Este texto aparecerá en negrita<i>Y este en negrita e itálica en el navegador</i></b>

De cualquier forma, en casos como este debemos colocar las etiquetas correctamente, como en los ejemplos anteriores. Lo que queremos decir es que si se abre dentro de una etiqueta más importante otra, antes de cerrar la etiqueta principal deberemos cerrar las otras que se hayan abierto dentro de ella. Esto es porque aunque los navegadores pueden resolver estos conflictos, pero tardara mucho más en abrir la página en cuestión y otros sistemas no son tan permisivos con estos errores y podemos tener problemas con la visualización de nuestras páginas.

Siguiente Tema: Atributos de la Letra

PÁGINA PRINCIPAL DEL CURSO CREACIÓN DE PÁGINAS WEB EN HTML