Manual HTML Aversitenteras

16 pasos sencillos para construir tu propia web




5. TAMAÑO DE FUENTE



.

En este apartado veremos cómo cambiar el color, el tamaño y el tipo de letra para dar un mejor aspecto a nuestros documentos. Para ello usaremos la etiqueta <FONT>.

Ejercicio:   Para ponerle a una palabra un tamaño 5 pondríamos la etiqueta <FONT> y el atributo Size con el valor 5:

<FONT Size="5">Palabra</FONT>

A continuación veremos los atributos que podremos usar con la etiqueta font y la función que ejercerá cada uno de ellos.


bullet  El atributo Size:

Este atributo sirve para cambiar el tamaño de las fuentes. Hay varias maneras de utilizarlo:

a) Size=n. De esta manera estamos asignando un tamaño directamente. El tamaño (n) va desde uno a siete donde uno es el valor de letra más pequeño y siete el más grande. Aquí tenemos algunos ejemplos con su código y su resultado:

<FONT Size="1">El tamaño de letra es 1</FONT>
El tamaño de letra es 1

<FONT Size="4">El tamaño de letra es 4</FONT>
El tamaño de letra es 4

<FONT Size="7">El tamaño de letra es 7</FONT>
El tamaño de letra es 7

b) Size=+n ó Size=-n. En cambio aquí incrementamos o disminuimos un tamaño (n) relativo al tamaño base que tiene la fuente, que por defecto es 3 normalmente. Veamos algunos ejemplos de código y resultado:

<FONT Size="-1">Tamaño de letra 2 (3-1)</FONT>
Tamaño de letra 2 (3-1)

<FONT Size="+3">Tamaño de letra 6 (3+3)</FONT>
Tamaño de letra 6 (3+3)


Ejercicio: 

<HTML>
<HEAD>
<TITLE>Tamaños de fuente</TITLE>
</HEAD>
<BODY>
Esta frase tiene un tamaño de letra por defecto<BR>
<FONT Size="6">
Esta frase tiene un tamaño de letra 6<BR>
</FONT>
<FONT Size="+2">
Esta frase tiene un tamaño de letra del tamaño por defecto más 2<BR>
</FONT>
</BODY>
</HTML>

Después de haber copiado el código guardamos como ejercicio4.htm y cargamos la página en el navegador.


font size



anterior     indice     siguiente
tip

En ocasiones puede resultar conveniente usar caracteres especiales (ver Apéndice III) en nuestros documentos.

Un caso común de uso es el del caracter espacio en blanco, ya que en el código no se interpreta más de un espacio en blanco seguido. Este caracter viene definido por &nbsp; y podemos repetirlo las veces que queramos.

Ejemplo: En este ejemplo insertamos cuatro espacios en blanco entre las palabras 1 y 2

Palabra1
&nbsp;&nbsp;&nbsp;&nbsp;
Palabra2

Lista de links




El portal que comparte sus ingresos