Cuerpo BODY

El cuerpo del DOM es el que contiene todo el texto e imágenes de la página, que junto a los elementos HTML te dan el control del formato.

Debo hacerte notar que NO TODOS estos elementos son soportados por todos los navegadores (Browsers) y eso depende de la versión de HTML que manejen (Ej 1, 2, 3, 3.2, 4, 5 o 5.2) incluso Netscape y Explorer estaban creando cada uno sus propias especificaciones. A partir de HTML5 esto ya no ocurre porque ahora las recomendaciones van delante incluso de los desarrolladores de los navegadores.

1. Caracteristicas

Todos los efectos requeridos en la pagina web, debe ser necesariamente especifican exclusivamente a través de las etiquetas. Es decir los espacios, tabulaciones y retornos de carro que metas en el archivo fuente no tienen ningún efecto a la hora de la presentación final del documento. Por ejemplo, escribiendo:

Todas           estas
      palabras 
forman          una frase.

Obtendremos exactamente lo mismo que con:

Todas estas palabras forman una frase.

En resumen, la estructura básica de un documento HTML es:

Es importante tener en cuenta, que al presentar el documento el navegador cliente hará caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente.

<!DOCTYPE html>
<HTML lang="es">
<HEAD>
   <TITLE>Título</TITLE>
</HEAD>
<BODY>
   Texto del documento, etiqueta de formateo, enlaces,
   imágenes, sonido, video, aplicaciones en JAVA, JAVA Script,
   VBScript, ActiveX, CGI's...
</BODY>
</HTML>

2. Atributos de BODY hasta HTML 4

A partir de HTML5 ya no se deberia usar estos parametros de BODY. Sinembargo los mencionaresmos aqui porque en realidad aunque ya no se recomiendo usarlos siguen funcionando en los navegadores.

Especifica una imagen de fondo.
Atributos validos hasta HTML 4
AtributoDescripcion
TEXTEspecifica el color del texto en todo el documento
BGCOLOREspecifica el color del fondo
BACKGROUND
LINKColor de enlaces no visitados
ALINKColor de enlaces activos
VLINKColor deenlaces visitados

2.1 BGCOLOR

Parámetro usado para especificar el color del fondo sin imagen. #rrggbb representa la trica RGB (Red-Green-Blue) en hexadecimal. color representa uno de los 16 colores de la paleta básica predefinida. Por default el texto es negro sobre fondo gris.

<Body BGCOLOR=#rrggbb> o <Body BGCOLOR=color>

Una buena ayuda para la selección de colores con #rrggbb la puedes encontrar en: Paleta de Colores

Text parámetro usado para definir el color del texto por omisión. Su formato es el mismo que el de BGCOLOR. Por default es negro.

Link, Vlink, y Alink parámetros usados para especificar el color por omisión de: texto con enlace, enlace ya visitado y enlace activo.

Los colores por omisión son LINK=blue, VLINK=purple y ALINK=red. El formato es el mismo que BGCOLOR.

2.2 MARGIN

LEFTMARGIN y TOPMARGIN: Margen izquierdo y superior del documento en pixels.

<BODY LEFTMARGIN=60> o <BODY TOPMARGIN=60>

2.3 BACKGROUND

Parámetro usado para especificar la ruta y nombre de archivo (URL) de la imagen que será usada como fondo del documento, que será mostrada, dependiendo de su tamaño como mosaico para cubrir toda la ventana, como el papel tapiz en Windows.

Para mas información consulta la etiqueta BACKGROUND en este mismo manual.

Si en el navegador del cliente la opcion de "Auto Load Images" esta off, no podrás cargar la imagen de fondo y todos los atributos de color de texto como: TEXT, BGCOLOR, LINK, ALINK y VLINK son ignorados, dejando el fondo gris y texto negro. :-(

Sintáxis:

<BODY BACKGROUND=ruta/archivo.gif>

3. Atributos de BODY hasta HTML 4

4. Manejadores de eventos

<HTML>
<HEAD>
	<TITLE>Usuario esta en linea o no ?</TITLE>
	<SCRIPT>
		function xyz(online){
			document.getElementById('status').textContent = online ? 'Online' : 'Offline';
		}
	</SCRIPT>
</HEAD>
<BODY Online="xyz(true)" Offline="xyz(false)" Online="xyz(navigator.onLine)">
	<P>Ud esta: <SPAM ID=status>(Desconocido)</SPAN></P>
	...
</BODY>
</HTML>

4.1 ONLOAD

<BODY ONLOAD=funcion()>

4.2 ONUNLOAD

<BODY ONUNLOAD=funcion()>

4.3 ONONLINE

<BODY ONONLINE=funcion()>

4.4 ONOFFLINE

<BODY ONOFFLINE=funcion()>

4.5 ONPAGESHOW

<BODY ONPAGESHOW=funcion()>

4.6 ONPAGEHIDE

<BODY ONPAGEHIDE=funcion()>

4.7 ONSTORAGE

<BODY ONSTORAGE=funcion()>

4.8 ONSTAGE

<BODY ONSTAGE=funcion()>

4.9 ONMESSAGE

<BODY ONMESSAGE=funcion()>

4.10 ONPOPSTATE

<BODY ONPOPSTATE=funcion()>

4.11 ONBLUR

<BODY ONBLUR=funcion()>

4.12 ONERROR

<BODY ONERROR=funcion()>

4.13 ONFOCUS

<BODY ONFOCUS=funcion()>

4.14 ONRESIZE

<BODY ONRESIZE=funcion()>

4.15 ONSCROLL

<BODY ONSCROLL=funcion()>

onlanguagechange
onbeforeunload
onafterprint
onbeforeprint
onhashchange
onrejectionhandled
onunhandledrejection

5. Consideraciones

Cada elemento de color en BODY solo puede ser especificado una sola vez para todo el documento, no puede ser cambiado para parte del documento. Para cambiar el color de un texto en particular te recomiendo usar CSS.

Al especificar una imagen como fondo, se requiere que dicha imagen sea cargada completamente, esto reduce la velocidad de carga del documento y ninguna parte podrá ser mostrada hasta que la imagen termina de ser cargada y decodificada. Por lo que es muy importante que las imágenes de fondo sean pequeñas y simples. Por defecto esta imagen de fondo es repetida hasta llenar toda la pantalla (como mosaico).

Otro aspecto a tener en cuenta cuando usas imágenes de fondo es el contraste entre el fondo y el color del texto de manera que aún sea posible leer sin mayor dificultad.

Las recomendaciones HTML5, hacen referencia a ya no usar ninguno de estos atributos de BODY y en su lugar usar estilos CSS. Consulta la pagina sobre estilos CSS para saber mas de ello.