martes, 16 de abril de 2013

La Etiqueta 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.ginapaolaruiz.blogspot.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 
<i>
cursiva
curso HTML 
<u>
subrayado
curso HTML 
<s>
tachado
curso HTML
<tt>
teletipo (máquina de escribir)
curso HTML 
<big>
aumenta el tamaño de la fuente
curso HTML 
<small>
disminuye el tamaño de la fuente
curso HTML 

A continuación se muestran algunas etiquetas asociadas al tipo de información:
Etiqueta
Significado
Ejemplo
<cite>
cita
curso HTML 
<code>
ejemplo de código
curso HTML 
<dfn>
definición
curso HTML
<del>
eliminado
curso HTML 
<em>
énfasis
curso HTML 
<ins>
insertado
curso HTML 
<kbd>
teclado
curso HTML 
<samp>
muestra
curso HTML 
<strong>
destacado
curso HTML 
<sub>
subíndice
curso HTML
<sup>
superíndice
curso HTML 
<var>
variable
curso HTML 

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> <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.ginapaolaruiz.blogspot.com
Habría que escribir:
<font color="#993366" size="4" face="Comic Sans MS, Arial, MS Sans Serif">Bienvenidos a <b><u><tt>www.ginapaolaruiz.blogspot.com</tt></u></b></font>

1 comentario: