Atributos aplicables a la etiqueta body

La etiqueta <body>—-</body> engloba todo el contenido que aparece en la página web, debido a esto, si se quieren aplicar atributos que afecten la apariencia de toda la página, es aquí donde deben aplicarse.

La recomendación es que todos los atributos que se aplican para el diseño de la página sean removidos de HTML5 y se utilice para este fin las hojas de estilo (CSS).(W3C)

A pesar de esto los navegadores aceptan este tipo de atributos.

Alguna de las cosas que podemos manipular en la página corresponden a los siguientes atributos:

Atributo Opciones Descripción
bgcolor Colores Aplicar un color como fondo de la página. Por defecto el color del fondo es blanco.
background Dirección del archivo de imagen Aplicar una imagen como fondo de la página.
text Colores Aplicar color del texto de la página. Por defecto el texto es de color negro.
link Colores Color de los enlaces no visitados
alink Colores Color del enlace activo
vlink Colores Color de los enlaces visitados

 

Los colores pueden ser indicados de tres formas:

  1. Nombre del color en inglés, de acuerdo a una lista estándar de colores.
  2. Un número hexadecimal, precedido del símbolo numeral, #XXYYZZ.
  3. Un numero compuesto (RGB), con las cantidades de rojo (red), verde (green) y azul(blue). El formato es RGB(val1, val2, val3)

El color en el sistema hexadecimal utiliza tres componentes: rojo(XX), verde(YY) y azul(ZZ).

Cada componente tiene dos dígitos tomados del sistema hexadecimal, que tiene dieciséis dígitos, en lugar de los 10 del sistema decimal.

0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

El valor más bajo de un componente es 00, y el más alto es FF.

Los colores primarios son aquellos donde una componente es máxima y las otras dos componentes son mínimas.

Así tenemos:

Rojo ———– #FF0000

Verde ———-#00FF00

Azul ————-#0000FF

 

Otros colores notables son

El blanco, que tiene todas las componentes de los colores primarios al máximo. El negro, donde todas las componentes están en mínimo y el gris donde todas las componentes están en 80. El amarillo tiene las componentes rojo y verde al máximo y el componente azul al mínimo.

Blanco ——— #FFFFFF

Negro ——— -#000000

Gris ————–#808080

Amarillo ——– #FFFF00

Con los 16 dígitos del sistema hexadecimal se pueden crear 256 números de dos dígitos (16 x 16)

Es decir, cada componente puede tener 256 valores posibles, lo cual generaría la posibilidad de más de 16 millones de combinaciones posibles.

Para hacer un color más oscuro hay que disminuir su componente sin alterar los otros dos componentes. Por ejemplo, el azul #0000FF para hacerlo más oscuro podemos cambiarlo a #0000BB y aún más oscuro #000080.

También es posible mantener un componente al máximo y variar los otros dos componentes al mismo ritmo para obtener tonos pasteles. Por ejemplo #FF7070 transforma el rojo en rosado.

También es posible transformar los números hexadecimales en números decimales y utilizar el comando RGB(val1,val2,val3). Donde val1 es el valor del componente rojo, val2 es el valor del componente verde y val3 es el valor del componente azul. Los números van desde 0 (Hex 00) hasta 255 (hex FF).

En la siguiente figura se muestra el método para transformar de hexadecimal a decimal. 8F(hex) es equivalente a 143 (decimal).

atributo pagina 3
Método para transformar del sistema hexadecimal al decimal

Una lista de 140 colores que son soportados por la mayoría de los navegadores puede ser encontrada en la pagina de W3C.

Una lista corta de 16 colores se muestra a continuación.

Color name Código Hexadecimal apariencia
Black #000000
Blue #0000FF
Gold #FFD700
Gray #808080
Green #008000
Lime #00FF00
Magenta #FF00FF
Navy #000080
Olive #808000
Pink #FFC0CB
Purple #800080
Red #FF0000
Teal #008080
Violet #EE82EE
White #FFFFFF
Yellow #FFFF00

 

En el siguiente ejemplo se utilizan los atributos bgcolor y text para cambiar la apariencia de la pagina, aplicando un color de fondo gris y texto en color amarillo.

<body   bgcolor=”gray” text=”yellow”>

En la etiqueta de apertura se han incluido los dos atributos.

atributo pagina 1
Documento HTML usando Atributos de la pagina <body>

La apariencia de la página es la que se muestra en la siguiente figura.

atributo pagina 2
Pagina con fondo de color gris y texto de color amarillo.

El color del fondo de la página es gris (bgcolor=”gray”) y el color del texto es amarillo (text=”yellow”).

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s