| 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:
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:
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> 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 :
Simplemente tecleando lo siguiente : <font
face="Arial"><b>Pepito Perez</b></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