La etiqueta FONT. Para poder controlar en mayor medida apariencia del texto se cre la etiqueta FONT.

A continuacin se explicarn sus usos. Cambia el tamao del texto La etiqueta FONT permite tener un gran control sobre el tamao de un texto. Este tamao se especifica con su atributo SIZE y afectar al texto que encierren la instruccin de inicio "<FONT SIZE=>" y la etiqueta de fin "</FONT>". Ejemplo:<FONT SIZE=5> Ejemplo de frase alterada</FONT> El ejemplo anterior se encontraba en un tamao de texto normal y el nuevo texto ser alterado en su tamao:

Ejemplo de frase alterada

Ademas, existe la etiqueta <BASEFONT="">, dar un tamao de texto predeterminado. Ejemplo:<BASEFONT SIZE="n"><FONT SIZE="+3"> Letra tamao 6</FONT> El ejemplo aplicado a la pgina Html:

Letra tamao 6
Cambia el color del texto Con otro atributo de la etiqueta <FONT COLOR> se puede cambiar el color del texto al que e le aplique la etiqueta. En un principio la nica forma de indicar un color consista en usar un cdigo hexadecimal de la siguiente manera: <FONT COLOR="#RRGGBB"> En donde hay que sustitur RR por dos nmeros hexadecimales que indican la cantidad de rojo (desde 00 que es ausencia de color a FF que es mxima cantidad de color), GG por otros dos que indican la cantidad de verde y BB por dos que indican la cantidad de azul. Asi de esta forma se pueden crear ms de 16.000.000 de colores. Otra de las formas para usar esta etiqueta es de la siguiente forma:

<FONT COLOR="yellow"> En donde podemos colocar el nombre del color pero el nombre tiene que ser en ingles.Los colores aceptados son: Black (negro), white (blanco),green (verde), maroon (marron rojizo), olive (verde oliva), Navy (azul marino), purple (violeta), red (rojo), yellow (amarillo), blue (azul), teal (verde azulado), lime (verde lima), aqua (azul claro), fuchsia (fusia), silver (gris claro). Ejemplo:<FONT SIZE="6" COLOR="AQUA"> frase de prueba</FONT> En este ejemplo aplicaremos el tamao y el color a una frase asignada y la respuesta ser la siguiente:

frase de prueba
Cambia el estilo del texto Tambin encontramos la etiqueta <FONT FACE="">, la cual permite alterar el estilo de la letra que se encuentre en la pagina web: Ejemplo:<FONT FACE="Times New Roman" SIZE="6"> Frase de prueba</FONT> Aplicado a al pgina web:

Frase de prueba
La etiqueta FONT

Curso gratis creado por Jorge Ferrer, Vctor Garca y Rodrigo Garca . Extraido de: http://es.tldp.org/ManualesLuCAS/doc-curso-html/doc-curso-html/ 23 Febrero 2006

Crear Curriculum Excelentes ofertas de empleo! En grandes empresas www.ZonaJobs.com.mx Anuncios Google
< anterior | 1 .. 8 9 10 11 12 .. 75 | siguiente >

"" Las etiquetas de los apartados anteriores permiten modificar ciertos aspectos de la apariencia del texto de una pgina, pero es suficiente?. Cuando el WWW se hizo ms y ms popular y la apariencia de las pginas comenz a adquirir la importancia actual se hizo evidente que no.

Para poder controlar en mayor medida an la apariencia del texto se cre la etiqueta FONT. A continuacin se explicarn sus virtudes, aunque cabe destacar que actualmente existe una alternativa mejor: las hojas de estilo en cascada o CSS que ser tratada en los ltimos captulos del curso.

Cambiando el tamao del texto

La etiqueta FONT permite tener un gran control sobre el tamao de un texto. Este tamao se especifica con su atributo SIZE y afectar al texto que encierren la instruccin de inicio (<FONT SIZE=" ">) y de fin (</FONT>).

La forma de especificar el tamao del texto consistir en darle el valor deseado al atributo SIZE, si bien hay dos formas de hacerlo:

1. La primera de ellas es indicar un tamao absoluto de 1 a 7. Correspondiendo 7 al tamao mayor y 1 al menor. El tamao por defecto del texto es el equivalente al nmero 3. Veamos un ejemplo:

Esto es texto normal <FONT SIZE="6">

y esto es grande </FONT>

En la figura 3.7 podemos ver una comparacin de todos los tamaos.

Figura 3.7. Ejemplo de uso de la etiqueta FONT y su atributo SIZE para cambiar el tamao del texto.

2. La segunda consistir en indicar un tamao relativo respecto al que haya por defecto. Por ejemplo, para poner un tamao 6 y suponiendo un tamao por defecto 3 se usara:

Texto de tamao 3

<FONT SIZE="+3"> Tamao 6 </FONT>

Es necesario hacer notar que el aumento de tamao se tomar siempre respecto al que se tenga por defecto (y que ser 3 mientras el usuario no cambie las preferencias de su navegador), por tanto anidando varias etiquetas FONT no se ir aumentando el tamao del texto como ocurra con la etiqueta BIG. Por ejemplo:

Texto normal (tamao 3), <FONT SIZE="+1"> Texto de tamao 4 , <FONT SIZE="+1"> este texto sigue teniendo tamao 4 </FONT> </FONT>

En la figura 3.7 se puede ver un ejemplo de ambos modos de uso.

Figura 3.7. Ejemplo de uso de la etiqueta FONT y su atributo SIZE para cambiar el tamao del texto.

Cuando se indica el tamao del texto usando el mtodo relativo (+n o -n) ser necesario usar comillas. Aunque algunos navegadores podran entender el valor aunque no se usen la nica manera de estar seguro de que la visualizacin ser correcta en todos ellos ser entrecomillar el valor dado al atributo SIZE.

Conocidos estos dos mtodos es el momento de introducir una nueva etiqueta muy relacionada con FONT: la etiqueta BASEFONT. Esta permite modificar el tamao por defecto del texto de la pgina Web. Su modo de uso es el siguiente:

<BASEFONT SIZE="n">

Donde n es un nmero del 1 al 7 (por defecto vale 3) y las comillas son obligatorias. Podemos observar como esta etiqueta est formada por una nica instruccin cuya funcin ser modificar el tamao de todo el texto a partir de su inclusin. La nica excepcin que escapa al efecto de esta etiqueta son los encabezados, que mantienen su tamao.

En general cuando se usa esta etiqueta se introduce como la primera despus de <BODY>, no usarla es lo mismo que usar <BASEFONT SIZE="3">.

A continuacin se incluyen dos ejemplos con distintos tamaos de letra por defecto:

<BASEFONT SIZE="3"> Esto es texto de tamao 3, <FONT SIZE="+3"> esto es de tamao 6, </FONT> <FONT SIZE="+4"> y esto es de tamao 7 </FONT>

Como se ve, para hallar el tamao de un texto hay que sumar el tamao relativo (+3 o +4 en este caso) al tamao por defecto del resto del texto (en este caso 2). Otro ejemplo ms:

<BASEFONT SIZE="4"> Esto es texto de tamao 4, <FONT SIZE="+3"> esto es de tamao 7,

</FONT> <FONT SIZE="+4" y esto sigue siendo de tamao 7 </FONT>

En este segundo ejemplo se ve, adems, que en ningn caso se puede conseguir un tamao superior a siete. De igual manera nunca se puede poner un tamao menor que uno.

En la figura 3.8 podemos ver ambos ejemplos.

Figura 3.8. Los tamaos del texto que hallamos modificado usando el mtodo relativo se calcularn a partir del al tamao por defecto del texto normal, pero sin pasar nunca de 7.

Cambiando el color del texto

Con otro atributo de la etiqueta FONT: COLOR se puede cambiar el color del texto con la misma facilidad con la que hasta ahora se ha cambiado su tamao. En un principio la nica forma de indicar un color consista en usar un cdigo hexadecimal de la siguiente manera:

<FONT COLOR="#RRGGBB">

Dnde hay que sustitur RR por dos nmeros hexadecimales que indican la cantidad de rojo (desde 00 que es ausencia de color a FF que es mxima cantidad de color), GG por otros dos que indican la cantidad de verde y BB por dos que indican la cantidad de azul. Combinando estos tres colores en diferentes proporciones se pueden crear hasta 16 millones de colores. Este sistema suele parecer ligeramente complicado en un principio, pero con la prctica o con ayuda de herramientas grficas de seleccin de colores se convierte en un mtodo bastante sencillo e increblemente potente.

Existe un segundo mtodo de indicar el color que sin duda le resultar al lector ms sencillo. Este mtodo consiste en poner como valor de COLOR el nombre del color en ingls. Los colores aceptados son: Black (negro), white (blanco),green (verde), maroon (marron rojizo), olive(verde oliva), Navy (azul marino), purple (violeta), red (rojo), yellow (amarillo), blue (azul),teal (verde azulado), lime (verde lima), aqua (azul claro), fuchsia (fusia), silver (gris claro). Aunque adems de estos existen otros valores, no son soportados en todos los navegadores.

Y la forma de usarlas queda clara en el siguente ejemplo:

<H1> <FONT COLOR="FUCHSIA"> Colores en el Web </FONT>

</H1> ya podemos decir que sabemos poner colores en las pginas Web, <FONT COLOR="green"> verde </FONT>, <FONT COLOR="blue"> azul </FONT> <FONT COLOR="red"> rojo </FONT>, etc. Ninguno se nos resiste.

cuyo resultado podemos ver en la figura 3.9 :

Figura 3.9. Gracias a la etiqueta FONT y a su atributo COLOR nuestras pginas tomarn un colorido totalmente diferente.