Hoy les traigo un pequeño tutorial sobre los estilos de letra en HTML.
Y antes de comenzar con este tutorial, les comparto los tutorial anterior acerca de modificar el tamaño de letra en HTML y saltos de linea en HTML, que también es muy útil en el diseño de paginas web.
Y pues entonces, comencemos.
Algo que es muy útil al momento de manipular los textos dentro de las paginas web son las fuentes para el texto. Al diseñar una pagina web podemos acceder a todas las fuentes de texto con las que cuenta nuestro equipo de una manera muy fácil y rápida, con la etiqueta con el parámetro face:
Texto que queremos con esta fuente
A continuación pongo varios ejemplos de fuentes que se pueden utilizar.
Estilos de letra
Texto Normal
Texto Arial
Texto Verdana
Texto Calibri
Texto Times New Roman
Texto Comic Sans MS
Texto Bernard MT Condensed
Y para concluir este tutorial les explicare unas etiquetas mas que son muy buenas para la manipulación del texto.
La etiqueta se utiliza para convertir el texto en negritas:
Texto que queremos en negritas
La etiqueta vuelve el texto en cursiva:
Texto que queremos en cursiva
La etiqueta subraya el texto:
Texto que queremos subrayar
La etiqueta tacha el texto:
Texto que queremos tachar
La etiqueta le da al texto la apariencia de ser de maquina de escribir:
Texto que queremos con apariencia de maquina de escribir
La etiqueta hace que la fuente del texto se vuelva mas grande:
Texto con fuente mas grande
La etiqueta hace que la fuente del texto se vuelva mas pequeña:
Texto con fuente mas pequeña
A continuación les pongo el el código de la pagina web de ejemplo:
Estilos de letra
Texto Normal
Texto Arial
Texto Verdana
Texto Calibri
Texto Times New Roman
Texto Comic Sans MS
Texto Bernard MT Condensed
Texto Normal
Texto Negritas
Texto Cursiva
Texto Subrayado
Texto Tachado
Texto Maquina de Escribir
Texto con Fuente mas Grande
Texto con Fuente mas Pequenia
Y este seria el resultado que obtendríamos:
Espero y este tutorial les sea de utilidad, cualquier duda no duden en comentarla por favor. Muchas gracias por visitar este tutorial.
Fuente:
https://es.wikibooks.org/wiki/Lenguaje_HTML/Propiedades_de_Fuentes_y_Texto consultada el 09 de Julio del 2015.