CURSO HTML

Curso HTML
por Javier Casares García

Fuentes

Como habeis visto antes, os he puesto los diferentes tipos de letra más básicos de una web. Las fuentes suelen ser estas:

Tipos de Letra más utilizados
Tipos de Letra más utilizados

Para comprobar que tipos de letra hay en vuestro ordenador, podemos hacer una prueba con esas letras estándar, y así, de paso y como el que no quiere la cosa, aprendemos cuales son los parametros de las fuentes.

Para no destrozar nuestra primera página web, que estaba en el archivo index.html, vamos a crear con el Bloc de Notas el archivo fuentes.html (en c:\cuersohtml\) e incluiremos un código tal que este:

 

<HTML>
<HEAD>
<TITLE>Ejemplos de Tipos de Letra</TITLE>
</HEAD>
<BODY>
<P><FONT FACE="Arial">Tipo de letra ARIAL - arial<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
<P><FONT FACE="Verdana">Tipo de letra VERDANA - verdana<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
<P><FONT FACE="Courier New">Tipo de letra COURIER NEW - courier new<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
<P><FONT FACE="Times New Roman">Tipo de letra TIMES NEW ROMAN - times new roman<BR>
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789</FONT></P>
</BODY>
</HTML>

Archivo HTML - fuentes.html
Archivo HTML - fuentes.html

Por lo que si ahora nos vamos al navegador y vemos el resultado, tendremos lo siguiente:

Así se ven las diferentes letras en nuestro navegador
Así se ven las diferentes letras en nuestro navegador

De esta forma, podemos ir combinando Tipos de letra según el texto que estemos escribiendo, o según el tipo de documento estemos ofreciendo, ya que no es lo mismo escribir una revista virtual, que simplemente ofrecer información.

Como habreis podido comprobar, todo lo que se refiere al tipo de letra y, en general, a las fuentes, va en la etiqueta <FONT> y </FONT>, eso sí, el FONT, siempre ha de ir acompañado de un parámetro, como por ejemplo, el que acabados de ver, que es el FACE (cara), que en este caso, indica la cara que le queremos dar a la fuente...

<< Anterior - Índice - Siguiente >>

Licencia de Creative Commons
Esta obra está bajo una licencia de Creative Commons. El autor es Javier Casares García, para la Asociación de Internautas