Página inicial  

trans_770 trans_160

Unidad 3. El texto (III)


Formatear el texto <font> ...

 

Las propiedades del texto pueden modificarse a través de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta:

Atributo
Significado
Posibles valores

face

fuente

nombre de la fuente, o fuentes

color
color del texto
número hexadecimal o texto predefinido
size
tamaño del texto
valores del 1 al 7, siendo por defecto el 3,
o desplazamiento respecto al tamaño por defecto,
añadiendo + o - delante del valor

Por ejemplo, para insertar el texto:

Bienvenidos a www.aulaclic.com

Habría que escribir:

<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font>

 

También es posible definir una fuente para todo el documento. Para ello, hay que insertar la etiqueta <basefont> después de la etiqueta <body>.

La etiqueta <basefont> no necesita una etiqueta de cierre, y permite modificar los mismos atributos del texto que la etiqueta <font>.

Por ejemplo:

<body>
<basefont
color="#006699" size="4" face="Arial">
...

Este código haría que la fuente del documento fuera por defecto de color azul, de tamaño 4 y Arial. Si después de indicar la etiqueta <basefont> o <font>, el navegador encuentra otra etiqueta <font>, la que prevalece es siempre la última que se encuentra.

 

Resaltado del texto <b> ...

 

Existen una serie de etiquetas que permiten aplicar diferentes estilos al texto que se encuentra entre ellas, y generalmente se utilizan para resaltarlo. Estos estilos pueden agruparse según vayan asociados al tipo de letra o a la información que represente el texto. No hay que olvidar que todas estas etiquetas necesitan una etiqueta de cierre, y que pueden aplicarse varias etiquetas al mismo texto.

A continuación se muestran algunas etiquetas asociadas al tipo de letra:

Etiqueta
Significado
Ejemplo

<b>

negrita

curso HTML aulaclic

<i>
cursiva
curso HTML aulaclic
<u>
subrayado
curso HTML aulaclic
<s>
tachado
curso HTML aulaclic
<tt>
teletipo (máquina de escribir)
curso HTML aulaclic
<big>
aumenta el tamaño de la fuente
curso HTML aulaclic
<small>
disminuye el tamaño de la fuente
curso HTML aulaclic

 

A continuación se muestran algunas etiquetas asociadas al tipo de información:

Etiqueta
Significado
Ejemplo

<cite>

cita

curso HTML aulaclic

<code>
ejemplo de código
curso HTML aulaclic
<dfn>
definición
curso HTML aulaclic
<del>
eliminado
curso HTML aulaclic
<em>
énfasis
curso HTML aulaclic
<ins>
insertado
curso HTML aulaclic
<kbd>
teclado
curso HTML aulaclic
<samp>
muestra
curso HTML aulaclic
<strong>
destacado
curso HTML aulaclic
<sub>
subíndice
curso HTML aulaclic
<sup>
superíndice
curso HTML aulaclic
<var>
variable
curso HTML aulaclic

 

Las etiquetas más utilizadas son las asociadas al tipo de letra, ya que son más fáciles de recordar, y en muchos casos los resultados son los mismos que los de aplicar una etiqueta diferente. Por ejemplo, el resultado de aplicar las etiquetas <b> y <strong> es el mismo. Incluso a veces algunos estilos asociados al tipo de información pueden representarse de forma distinta según el navegador.

Por ejemplo, para insertar el texto:

Bienvenidos a www.aulaclic.com

Habría que escribir:

<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.aulaclic.com</tt></u></b></font>

   

Pág. 3.3

© aulaClic S.L. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Enero-2004.