CURSO DE HTML 4.01

Elementos de HTML 4.01, etiquetas, atributos. Base del actual HTML5.

4. Etiqueta BODY

4.1 Atributos por defecto

Los valores por defecto para la etiqueta BODY son los siguientes:

Color de fondo: gris o blanco.
Imagen de fondo: ninguna.
Texto: color negro.
Enlace (link, hipervínculo): azul, subrayado.
Enlace visitado: fucsia o lila.
Enlace activo (al hacer clic, cambia muy rápido): rojo.
Márgenes entre los contenidos y los bordes de la ventana del navegador: 8-10 píxeles.

También hay atributos por defecto para otros contenidos. Los veremos en los Módulos siguientes.

4.2 Principales atributos de la etiqueta BODY

Atributo

Características

Ejemplo

bgcolor

Color de fondo: Designa el color que tendrá el contenido de BODY. Los colores se expresan en formato hexadecimal (RGB). Algunos colores se pueden designar por su nombre (ver tabla).

bgcolor=“#CCCCCC” bgcolor=Gray

Los códigos hexadecimales van entre comillas y con el símbolo numeral adelante. Algunos navegadores leen igual el código de color sin las comillas.

background

Imagen de fondo: Se puede emplear una sola imagen del tamaño exacto de las dimensiones de la pantalla o una imagen pequeña que se repita a lo ancho y/o a lo largo de la página. Las imágenes pueden ser JPG, GIF o PNG.

Si la imagen está en la misma carpeta que el archivo HTML:

background=“imagen.gif” background=“imagen.jpg”

Si el archivo se encuentra en otra carpeta, tendremos que emplear la dirección completa (ruta absoluta). Veremos las rutas en el Módulo 7.

text

Color del texto del contenido de BODY. Similar uso a bgcolor en cuanto a colores.

text=“#0000FF” text=Blue

link

Color de los enlaces (hipervínculos o links).

link=“#FF0000” link=Red

vlink

Color de los enlaces visitados.

vlink=“#00FF00” vlink=Green

alink

Color de los enlaces activos. Es imperceptible al ojo humano porque cambia de color al hacer clic y rápidamente se carga la página del enlace.

alink=“#000000” alink=White

leftmargin

Margen izquierdo de la página. Se expresa en píxeles. Esta instrucción funciona con algunos navegadores. Actualmente se emplea CSS para expresar este margen y que sea visible en un mayor número de navegadores.

leftmargin=“10”

topmargin

Margen superior de la página. Similar al anterior.

topmargin=“0”

(sin margen)

rightmargin

Margen derecho de la página. Similar al anterior.

rightmargin=“10”

bottommargin

Margen inferior de la página. Similar al anterior.

bottommargin=“10”

Nota: Podemos escribir los atributos en cualquier orden, lo que debemos cuidar es no repetirlos en una misma etiqueta.

La sintaxis general de la etiqueta BODY con estos atributos es la siguiente:

<BODY  bgcolor=“#CCAAFF” 
    background=“imagen.gif” 
    text=“#FFFF00” 
    link=“#FF0000” 
     vlink=“#00FF00” 
     alink=“#FFFFFF” 
     leftmargin=“0” 
     topmargin=“0”>

Aunque incorporemos una imagen de fondo, debemos seleccionar un color de fondo por si no se carga el archivo; el color de fondo debe ser similar o en consonancia con el color de la imagen.

 

Material adicional

¿A qué se llama colores seguros en la web (safety colors)?

Un color seguro es aquel que se muestra igual tanto en distintos navegadores como en diferentes plataformas (Windows, Mac, dispositivos portátiles, etc.). Cuando nació Internet había 256 colores. Ante la variedad de equipos, navegadores y plataformas que hay en la actualidad, podemos utilizar la paleta extendida de colores que proporciona millones de tonalidades. Podemos utilizar esta paleta para asegurarnos una cierta uniformidad pero debemos contemplar también el tipo de monitor del usuario. Ver paleta web de colores seguros.

¿Las etiquetas se escriben siempre con mayúsculas?

Las etiquetas pueden escribirse en mayúsculas o minúsculas, el navegador las leerá de la misma forma. Los atributos generalmente se escriben con minúscula, para favorecer la identificación al leer el código, pero el navegador los lee igual.

Actualización: enero, 2021. Elena Navntoft.