Estilos de letra en HTML. Parte 1

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.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s