Lección 3: Manejo de los tipos de letras y sus atributos

Para definir el tipo de letra en un archivo HTML se utiliza la etiqueta <FONT></FONT>, con su atributo correspondiente FACE.

Supongamos que deseamos utilizar el tipo de letra "Verdana" en nuestro ejemplo, entonces:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BACKGROUND="l2fondo.jpg"><FONT FACE="Verdana">Hola a todos</FONT></BODY>
</HTML>

Su página debe verse así

Ahora queremos que esas letras sean de color azul:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BACKGROUND="l2fondo.jpg"><FONT FACE="Verdana" COLOR="#0000FF">Hola a todos</FONT></BODY>
</HTML>

Compare con su página

Además deseamos que sean negritas
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BACKGROUND="l2fondo.jpg"><FONT FACE="Verdana" COLOR="#0000FF"><B>Hola a todos</B></FONT></BODY>
</HTML>

Hagámoslas también itálicas:
<HTML>
<HEAD><TITLE>Esta es mi primera página Web</TITLE></HEAD>
<BODY BACKGROUND="l2fondo.jpg"><FONT FACE="Verdana" COLOR="#0000FF"><B><I>Hola a todos</I></B></FONT></BODY>
</HTML>

Por último mencionaremos la etiqueta de encabezados, que aplica un tamaño de letra que va desde el 1 hasta el 6, siendo el 1 el más grande.

<H1>Hola a todos</H1>     Se verá así:     Hola a todos
<H2>Hola a todos</H2>     Se verá así:    Hola a todos
<H3>Hola a todos</H3>     Se verá así:    Hola a todos
<H4>Hola a todos</H4>     Se verá así:    Hola a todos
<H5>Hola a todos</H5>     Se verá así:    Hola a todos
<H6>Hola a todos</H6>     Se verá así:    Hola a todos

Nota: La definición del tipo de letra debe ser tomada con mucho cuidado, pues el navegador la mostrará siempre y cuando esté instalada en la computadora del usuario final. Es decir, una persona que ve su página y no tiene instalado el tipo de letra que usted ha definido, verá su página con el tipo de letra de default, que casi siempre es Times New Roman.