Arreglos con HTML

Antes que nada quiero decir que no soy la gran profesional de html, lo poco que sé es porque lo he encontrado por ahí y por la curiosidad me puse a descifrarlo hasta poder entenderlo. Este tema va para todos aquellos que necesiten el primer empuje porque no saben como entrarle (como yo, al principio), pero que de igual forma quieren decorar sus firmas.

Ante todo, primero les recomiendo visitar el topic del Fraile Gordo donde explica de forma básica las cuestiones de tamaño y tipos de letras. Lo que veremos aquí es para experimentar con otro tipo de letras.

El codigo para el uso de letras, digamos, extravagantes es el siguiente:

Código:

<link href='http://fonts.googleapis.com/css?family=Nombre+de+la+Letra' rel='stylesheet' type='text/css'><div style="font-size:Xpx; letter-spacing:Xpx; color:xxxxxx; font-family:nombre de la letra; text-align:right/center/left">Palabra o Frase que quieran usar</div>

Este código está conformado por dos partes. La primera vemos que hace un enlace al sitio donde está la letra que escogimos.

Código:

<link href='http://fonts.googleapis.com/css?family=Nombre+de+la+Letra' rel='stylesheet' type='text/css'>

Como notaran este tag no se cierra. Debe de permanecer abierto... o al menos así me ha funcionado a mi. Si en algún momento se les pierde este link, no se asusten. La página de de fonts de google lo genera por su cuenta. Sólo tienen que escoger la letra que quieren y listo.

La otra parte es esta:

Código:

<div style="font-size:Xpx; letter-spacing:Xpx; color:xxxxxx; font-family:nombre de la letra; text-align:xxx">Palabra o Frase que quieran usar</div>

Aquí jugamos con los efectos que le damos a la letra.

-font-size: tamaño
-letter-spacing: espacio entre las letras, este valor puede tomar número negativos... todo depende de qué tan juntos quieran la frase que escriban.
-color: aquí pueden tomar los códigos de colores o la misma tabla de colores que tenemos en el foro.
-font-family: volvemos a poner el nombre de la letra que estamos usando, a mi me funciona poniendola toda en minuscula.
-text-align: alinear el texto a la derecha (right), centro (center) o izquierda (left).

Ya con esto cuentan con los estilos básicos para trabajar con html. Cualquier duda o pregunta la pueden postear aquí. También pedidos, a ver cómo me va con eso xD

En otra entrega les seguiré trayendo más detalles para implementar en sus firmas.

¡Oh dios gracias Becca!

Te diré que si sabía como usar esto más o menos, aunque tu información me parece muy clara para los primerizos.

El gracias es por la pagina de fonts de Google, que no la encontraba D:, si, se que es irónico. Muchas, muchas gracias.