Fondo Dinámico en Página Web

Hace poco quise agregar un fondo dinámico a una página web (esta, por si la quieren ver), es decir, que al refrescar el fondo cambiara a otra imagen. Lo resolví con el siguiente código:

<style>
  body1{background:url(imagen1.jpg);}
  body2{background:url(imagen2.jpg);}
</style>
<script>
  var randomnumber = Math.floor(Math.random()*2) + 1;

  document.body.className = "body" + randomnumber;
</script>

HTML – Primera Lección

Bienvenido. Lo siguiente es solamente una pequeña introducción al HTML. Para obtener más información al respecto es recomendable revisar la documentación en la wiki de la W3C.

Para comenzar a practicar HTML y probar algunos ejemplos solamente se necesitan 2 cosas:

• Un procesador de texto plano. Por ejemplo: Notepad de Microsoft, Crimson Editor, gedit, etc.
• Y un navegador web. Por ejemplo: Windows Internet Explorer, Mozilla Firefox, Google Chrome, Safari, etc.

Lo anterior no es problema, gracias a la gran popularidad de HTML y a que casi cualquier computadora tiene de manera predeterminada un procesador de texto plano y un navegador web.

Para comenzar con el primer ejemplo se escribe lo siguiente en el procesador de texto que se prefiera:

Al copiar este texto no es necesario tomar en cuenta los espacios entre los signos “<” y “>”. Sin embargo, es de mucha ayuda acomodarlo de esta forma para entenderlo mejor.