Tecnología

Inicio

Cómo utilizar imágenes de fondo en HTML

October 21

Usando una imagen de fondo en HTML puede añadir un gran detalle a un sitio web y hacer que las páginas literalmente saltan de la página. La técnica para el uso de imágenes de fondo no es muy complejo, hay algunos comandos que necesita saber. Usted va a trabajar con la etiqueta <body> y la adición de algunos nuevos comandos aquí.

Instrucciones

1 Busque la etiqueta <body> de la página en la que desea utilizar la imagen de fondo. Si la página no tiene ninguna etiqueta <body>, agrega uno justo después de la etiqueta </ ​​head>, que designa al final de los metadatos que incluye el <title> y los metadatos de palabras clave y descripción.

2 Escriba un espacio después de la palabra cuerpo dentro de la etiqueta. A continuación, añadir la palabra de fondo. El nuevo cuerpo de la etiqueta se verá así: <fondo body>.

3 Añadir un signo igual (=) después de la palabra "fondo". No deje un espacio entre el signo igual y la palabra "fondo".

4 Escribir la URL de la imagen que desea utilizar como fondo después del signo igual. Si la imagen se llama backgroundimage.jpg, y se encuentra en www.yourwebsite.com en el directorio de imágenes, la nueva etiqueta tendrá el siguiente aspecto: <fondo cuerpo = "http://www.yourwebsite.com/images/backgroundimage .jpg ">.

5 Sube la nueva página al servidor FTP y verifique que la imagen de fondo está en su lugar. Si no es así, vuelva a comprobar la dirección URL de la imagen y el código en la etiqueta <body>.

Consejos y advertencias

  • Use imágenes más pequeñas como fondos por lo que la página se carga más rápidos. Puede crear estas imágenes en cualquier programa de software de imagen. Recuerde, el navegador va a repetir su imagen una y otra vez, lo que puede utilizar un pequeño cuadrado para construir grandes fondos de la repetición de patrones cuadrados.
  • Las imágenes de fondo pueden ser nocivas para su sitio web, si son demasiado colorido, o hacen que el texto difícil de leer. Use sólo imágenes simples como un fondo para mejorar la apariencia general de su sitio.