Vamos a explicar en este artículo una serie de atributos que se aplican de manera general a toda la página web. Las páginas web o páginas HTML nos permiten personalizarlas con un determinado color de fondo, los márgenes, el color del texto o de los enlaces, etc. Todos estos atributos se especifican dentro de la etiqueta <body>, y son de aplicación a la página web.
Atributos para fondos:
El atributo bgcolor: con este atributo elegimos que color de fondo le queremos dar a la página. Para lo que podemos usar su nombre (el color, por ejemplo: white, blanco) o su valor RGB, este color se aplicará a toda la página.
El atributo background: con él podemos elegir que sea una imagen el fondo de la página. Se repite la imagen tantas veces como sea necesario para ocupar todo el espacio del fondo de la página.
Pero debemos poner un color de fondo similar al que el navegador utiliza para que no haya problemas a la hora de visualizar las letras o no pueda mostrar imagines, porque puede que el color del texto que hayamos elegido no sea visible. Por ejemplo, si elegimos un color de fuente blanco y el color de fondo un color claro, no será visible el texto. Si elegimos un color de fondo oscuro y las imagines de colores oscuros tampoco se verán. Esto es un dato importante a tener en cuenta.
El atributo text: define el color del texto, por defecto es el negro. Existen otros atributos que se usan para diferenciar dándole otro color al texto de los enlaces que tenga la página. Podemos distinguir tres atributos para ello:
Veamos un ejemplo, si elegimos como color del fondo negro, color de texto y los enlaces claros. El color de texto en blanco y los enlaces en amarillo, serán más resaltados los no visitados y menos los ya visitados, tendríamos dentro de la etiqueta body el siguiente código:
<body bgcolor="#000000" text="#ffffff" link="#ffff33" vlink="#ffffcc" alink="ffff00">
Otro atributo importante para la página es el atributo margen, que tiene distintos tipos, pero debemos tener cuidado porque no todos los navegadores los toleran, por esto debemos utilizarlos todos dentro de la etiqueta <body>, veamos cuales son:
El atributo leftmargin: que indica el margen a la izquierda, generalmente se usa con el internet explorer.
El topmargin: para conseguir el margen arriba, para el Internet Explorer.
El marginwidth: es igual que el leftmargin, pero para otros navegadores.
El marginheight: lo mismo que el topmargin, pero para otros navegadores.
Un ejemplo de una página sin márgenes, sería la que resulta del siguiente código HTML:
<html>
<title></title>
<head></head>
<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0 bgcolor="ffffff">
<table width=100% bgcolor=ff6666><tr><td>
<h1>Hola amigos</h1>
<br>
<br>
Gracias por visitarme!
</td></tr></table>
</body>
</html>
En esta página se ve que la tabla de color rojo no deja ningún margen para donde poner nada, ocupa todo el espacio.