CAPITULO 3 Modificando el aspecto del texto
Una página web gana mucho esteticamente si se juega con distintos tipos de letra.
La definición del tipo de letra puede ser fisico o logico.
Para definir un tipo logico usaremos las siguientes etiquetas:
Tipo Etiquetas Ejemplo
Cita <cite>texto</cite> texto de ejemplo
Ejemplo <samp>texto</samp> texto de ejemplo
Definición <dfn>texto</dfn> texto de ejemplo
Codigo <code>texto</code> texto de ejemplo
Teclado <kbd>texto</kbd> texto de ejemplo
Variable <var>texto</var> texto de ejemplo
Emfasis <em>texto</em> Texto de ejemplo
Tachado <strike>texto</strike> Texto de ejemplo
Subindice <sub>texto</sub> Texto subindice texto
Superindice <sup>texto</sup> Texto superindice texto
Teletipo <tt>texto</tt> Texto de ejemplo

La forma en que se muestren estos tipos logicos depende de el navegador que se esté usando, y en algunos navegadores el usuario puede definir que tipo de letra y que atributos corresponden a cada tipo logico.

Ademas se pueden usar los siguientes modificadores que tambien se consideran logicos:

<strong>  </strong> Hace que se resalte (generalmente mas grueso) el texto entre las etiquetas
<big>   </big> Hace que sea mayor que el anterior
<small>  </small> Hace que sea menor que el anterior
<blink>  </blink> Intermitente

 

Un tipo fisico, es aquel que hace referencia directa a la fuente que se ha de usar para escribir un texto, es decir se basa en una fuente de letra que debe de estar instalada en el equipo del visitante. Si tenemos en cuenta que nadie nos asegura que el visitante tenga ese tipo de letra en su equipo, y que ademas su sistema no tiene porque ser el mismo que el nuestro, las posibilidades de que el visitante vea la página con el aspecto con que la vemos nosotros se reducen considerablemente.

Tras esto, tambien podemos pensar que mas del 90% de las conexiones a internet se realizan a traves de un sistema windows. Si tenemos en cuenta que hay tipos deletras que instala el windows, podemos saber que hay ciertas fuentes (Arial, Times New Roman...etc) que tienen más posibilidades de existir en el equipo visitante. Pej. Esta página está escrita en un tipo Arial, por lo que si ves este documento desde un sistema windows, seguramente lo veas igual que lo veo yo.

Para definir un tipo de letra fisico usaremos la etiqueta <FONT>
Los parametros que utiliza son :

FACE : Donde pondremos el nombre de la fuente

SIZE : Tamaño (de 1 a 7)

COLOR : Color de la fuente en codigo RGB

Ahora podriamos modificar la tarjeta de presentación del capitulo anterior y dejarla de la siguiente manera :

Pepito Perez

Director comercial

EmpresaBuena S.A. 

Simplemente tecleando lo siguiente :

<font face="Arial"><b>Pepito Perez</b></font>

<h4><font face="Comic Sans MS,MS San Serif" size="4" color="#0000FF"><i>Director comercial</i></font>

<h6><font face="Courier,Arial" size="3" color="#FF0000">EmpresaBuena S.A.&nbsp;</font>

Practique con esto que hemos visto hoy, y recuerde como definir colores en codigo RGB como vimos en el capitulo anterior.

  000000   808000   FFFF00   C0C0C0
  FFFFFF   000080   00FF00   FF0000
  008000   800080   00FFFF   008080
  800000   808080   FF00FF   0000FF
  DE78E0   8AD088   9698FA   B60C69

 

Intente hacer esto !!:

Ejemplo de cambio de color progresivo
T e x t o   o n d u l a n t e ! ! !