Cómo agregar una imagen de fondo a una página HTML

Escrito por christine argier | Traducido por contributing writer
Cómo agregar una imagen de fondo a una página HTML

Use HTML code to create websites.

Comstock/Comstock/Getty Images

Muchos sitios web están programados en código HTML (Hyper Text Markup Language). Este lenguaje consiste en una serie de etiquetas que le indican al navegador como mostrar el sitio en tu pantalla. Si estás creando una página HTML, puedes especificar una imagen de fondo con la etiqueta adecuada.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre la imagen que deseas usar como fondo en un programa de edición de gráficos, haz clic en "Guardar como" y salva el archivo con formato .jpeg.

  2. 2

    Carga esta imagen a tu servidor usando un cliente FTP. Anota la ruta de acceso y el nombre del archivo una vez que la hayas cargado.

  3. 3

    Copia este código en tu página HTML dentro de la etiqueta del "body": <body background="image.jpg">. Cambia "image.jpeg" con la ruta de acceso y el nombre del archivo de imagen que deseas usar. Si está en el mismo directorio que tu archivo HTML sólo deberás especificar el nombre de la imagen, pero si se ubica en otro directorio, la sintaxis correcta será: <body background="/directory/image.jpg">.

Consejos y advertencias

  • El navegador ajustará automáticamente la imagen de fondo para cubrir toda la pantalla.
  • Asegúrate de incluir las comillas en el código HTML para evitar errores de sintaxis.
  • Puedes indicarle al navegador que muestre un color sólido en el fondo mientras la imagen se carga si modificas la etiqueta "body" como sigue: . Cambia la palabra "color" por el nombre del color que deseas usar.

No dejes de leer...

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media