Tutoria5l html
Páginas: 5 (1218 palabras)
Publicado: 13 de enero de 2012
Tutorial HTML
5. Funciones Especiales |
5.1. Tamaños de letra
5.2. Definición del cuerpo de la página (colores y fondos)
5.3. Formularios para la captura de datos
5.1. Tamaños de letra
Los tamaños de letra puede variarse a lo largo de una página con la orden:
<font size="n">.....texto.....</font>
donde n es un número entre 1 y 7, siendo 1 el tamaño menor y 7 el mayor:Código HTML |
<font size="1">Tamaño de letra 1</font><font size="2"> Tamaño de letra 2</font><BR>
<font size="3">Tamaño de letra 3</font><BR>
<font size="4">Tamaño de letra 4</font><BR>
<font size="5">Tamaño de letra 5</font><BR>
<font size="6">Tamaño de letra 6</font><BR>
<fontsize="7">Tamaño de letra 7</font><BR> |
Visualización |
Tamaño de letra 1 Tamaño de letra 2
Tamaño de letra 3
Tamaño de letra 4
Tamaño de letra 5
Tamaño de letra 6
Tamaño de letra 7 |
Sin embargo, el tamaño de letra tamién puede moficarse incrementando o disminuyendo el tamaño que ese momento tenga la letra. Así, la orden:
<FONT SIZE="+1">..... texto.....</FONT>
incrementa en un tamaño el tamaño actual.
De la misma forma, la orden:
<FONT SIZE="-1">..... texto .....</FONT>
disminuye un tamaño.
Código HTML |
Los tamaños <FONT SIZE="+1">de letra </FONT><FONT SIZE="+2">pueden variarse </FONT><FONT SIZE="+3"> a voluntad </FONT><FONT SIZE="+4">incrementádolos o </FONT><FONTSIZE="-1"> disminuyéndolos</FONT> |
Visualización |
Los tamaños de letra pueden variarse a voluntad incrementádolos o disminuyéndolos |
El tamaño utilizado por defecto es el 3.
5.2. Definición del cuerpo de la página (colores y fondos) [T][I]
El aspecto de una página puede modificarse definiendo los colores del tipo de letra, del fondo de la página, de los enlaces, etc. Tambiénpuede especificarse una imagen de fondo.
La definción de estos aspectos se realiza en la orden BODY. Recuerda que esta orden es una de las que definen la estructura básica del documento HTML, como expusimos en los conceptos básicos.
La orden <BODY> puede incluir alguno de los siguientes parámetros:
* BACKGROUND="nombre de la imagen"
Establece una imagen de fondo para toda lapágina.
* BGCOLOR="#RRGGBB"
Define el color de fondo de la página.
* TEXT="#RRGGBB"
Define el color del texto de la página.
* LINK="#RRGGBB"
Define el color del texto de los enlaces.
* VLINK="#RRGGBB"
Define el color del texto de los enlaces visitados.
* ALINK="#RRGGBB"
Define el color del texto de los enlaces en el momento de picarlos.
La expresión #RRGGBB indica el coloren formato RGB. Todo color es una combinación de los tres colores básicos: rojo (R), verde (G) y azul (B). En este formato, cada uno de los colores puede expresesarse desde la ausencia de color (valor 0) a saturación de color (255). El problema es que hay expresar un número comprendido entre estos dos valores en forma hexadecimal, pero no es mucho problema. El valor mínimo (0) se expresa como 00,y el máximo (255) como FF. Así, las siguientes expresiones indican:
* FF0000: rojo máximo, verde nulo, azul nulo: ROJO
* 00FF00: rojo nulo, verde máximo, azul nulo: VERDE
* 0000FF: rojo nulo, verde nulo, azul máximo: AZUL
* 000000: rojo nulo, verde nulo, azul nulo: NEGRO
* FFFFFF: rojo máximo, verde máximo, azul máximo: BLANCO
* FFFF00: rojo máximo, verde máximo,azul nulo: AMARILLO
De esta forma puedes definir en base a los colores básicos una gama de diferentes colores. Si quieres utilizar toda la gama, te propongo el siguiente truco:
Utiliza el accesorio PAINT, en concreto puedes picar en uno de los colores de la tabla de colores para desplegar sus características (colores personalizados). Podrás comprobar qué valores adoptan los colores básicos....
5. Funciones Especiales |
5.1. Tamaños de letra
5.2. Definición del cuerpo de la página (colores y fondos)
5.3. Formularios para la captura de datos
5.1. Tamaños de letra
Los tamaños de letra puede variarse a lo largo de una página con la orden:
<font size="n">.....texto.....</font>
donde n es un número entre 1 y 7, siendo 1 el tamaño menor y 7 el mayor:Código HTML |
<font size="1">Tamaño de letra 1</font><font size="2"> Tamaño de letra 2</font><BR>
<font size="3">Tamaño de letra 3</font><BR>
<font size="4">Tamaño de letra 4</font><BR>
<font size="5">Tamaño de letra 5</font><BR>
<font size="6">Tamaño de letra 6</font><BR>
<fontsize="7">Tamaño de letra 7</font><BR> |
Visualización |
Tamaño de letra 1 Tamaño de letra 2
Tamaño de letra 3
Tamaño de letra 4
Tamaño de letra 5
Tamaño de letra 6
Tamaño de letra 7 |
Sin embargo, el tamaño de letra tamién puede moficarse incrementando o disminuyendo el tamaño que ese momento tenga la letra. Así, la orden:
<FONT SIZE="+1">..... texto.....</FONT>
incrementa en un tamaño el tamaño actual.
De la misma forma, la orden:
<FONT SIZE="-1">..... texto .....</FONT>
disminuye un tamaño.
Código HTML |
Los tamaños <FONT SIZE="+1">de letra </FONT><FONT SIZE="+2">pueden variarse </FONT><FONT SIZE="+3"> a voluntad </FONT><FONT SIZE="+4">incrementádolos o </FONT><FONTSIZE="-1"> disminuyéndolos</FONT> |
Visualización |
Los tamaños de letra pueden variarse a voluntad incrementádolos o disminuyéndolos |
El tamaño utilizado por defecto es el 3.
5.2. Definición del cuerpo de la página (colores y fondos) [T][I]
El aspecto de una página puede modificarse definiendo los colores del tipo de letra, del fondo de la página, de los enlaces, etc. Tambiénpuede especificarse una imagen de fondo.
La definción de estos aspectos se realiza en la orden BODY. Recuerda que esta orden es una de las que definen la estructura básica del documento HTML, como expusimos en los conceptos básicos.
La orden <BODY> puede incluir alguno de los siguientes parámetros:
* BACKGROUND="nombre de la imagen"
Establece una imagen de fondo para toda lapágina.
* BGCOLOR="#RRGGBB"
Define el color de fondo de la página.
* TEXT="#RRGGBB"
Define el color del texto de la página.
* LINK="#RRGGBB"
Define el color del texto de los enlaces.
* VLINK="#RRGGBB"
Define el color del texto de los enlaces visitados.
* ALINK="#RRGGBB"
Define el color del texto de los enlaces en el momento de picarlos.
La expresión #RRGGBB indica el coloren formato RGB. Todo color es una combinación de los tres colores básicos: rojo (R), verde (G) y azul (B). En este formato, cada uno de los colores puede expresesarse desde la ausencia de color (valor 0) a saturación de color (255). El problema es que hay expresar un número comprendido entre estos dos valores en forma hexadecimal, pero no es mucho problema. El valor mínimo (0) se expresa como 00,y el máximo (255) como FF. Así, las siguientes expresiones indican:
* FF0000: rojo máximo, verde nulo, azul nulo: ROJO
* 00FF00: rojo nulo, verde máximo, azul nulo: VERDE
* 0000FF: rojo nulo, verde nulo, azul máximo: AZUL
* 000000: rojo nulo, verde nulo, azul nulo: NEGRO
* FFFFFF: rojo máximo, verde máximo, azul máximo: BLANCO
* FFFF00: rojo máximo, verde máximo,azul nulo: AMARILLO
De esta forma puedes definir en base a los colores básicos una gama de diferentes colores. Si quieres utilizar toda la gama, te propongo el siguiente truco:
Utiliza el accesorio PAINT, en concreto puedes picar en uno de los colores de la tabla de colores para desplegar sus características (colores personalizados). Podrás comprobar qué valores adoptan los colores básicos....
Leer documento completo
Regístrate para leer el documento completo.