Cómo Cambiar El Fondo En HTML

Tabla de contenido:

Cómo Cambiar El Fondo En HTML
Cómo Cambiar El Fondo En HTML

Video: Cómo Cambiar El Fondo En HTML

Video: Cómo Cambiar El Fondo En HTML
Video: como poner una imagen de fondo html , cambiar el tipo de letra y cambiar el color de letra en html 2024, Diciembre
Anonim

El fondo de la página se puede configurar mediante HTML y CSS especificando las directivas adecuadas en el código fuente del documento. Los atributos utilizados en los lenguajes de marcado son compatibles con la mayoría de los navegadores modernos y se mostrarán correctamente en casi cualquier visitante de su sitio.

Cómo cambiar el fondo en HTML
Cómo cambiar el fondo en HTML

Parámetro de fondo

Abra su archivo de página HTML para editarlo en el editor que está utilizando. Para hacer esto, puede hacer clic derecho en el documento y seleccionar la sección "Abrir con".

La estructura de un archivo HTML es una serie de descriptores de varios niveles y propósitos. El código de la página generalmente comienza con una etiqueta. Esto suele ir seguido de una sección que contiene el título de la página y el código CSS. Una vez cerrado el descriptor, comienza el cuerpo de la página. El atributo para configurar la imagen de fondo de la página se establece como un parámetro de fondo adicional para esta etiqueta. El código para crear el fondo de la página se verá así:

En este caso, la ruta a la imagen puede ser una URL (comenzando con https://). La ubicación se puede especificar desde el directorio raíz (/root/folder/background.jpg) o en relación con la ubicación del documento HTML que se está editando (por ejemplo, carpeta / background.jpg).

Guarde sus cambios y abra la página en un navegador. Para hacer esto, haga clic derecho y seleccione "Abrir con". En la lista proporcionada, indique el nombre del programa que está utilizando para navegar por Internet. Si el parámetro de fondo se configuró correctamente, verá la imagen de fondo especificada anteriormente. Si no se muestra la imagen, verifique la exactitud del atributo de fondo y la ruta al archivo de fondo.

Parámetro Bgcolor

Para establecer el color de fondo sin una imagen, puede usar la directiva bgcolor. Como valor para este atributo, puede especificar el nombre del color en inglés o usar el valor del color en la paleta HTML. Por ejemplo:

Este código le da a la página un fondo azul. Si desea establecer un tinte de color o un color más preciso, use los valores de la paleta HTML:

En este caso, # 002902 es el color que se le dará a la página.

Atributos CSS

También puede configurar el fondo usando CSS en los parámetros:

Con CSS, también puede especificar la imagen de fondo de la página a través de background-image:

El uso de CSS y HTML da los mismos resultados, sin embargo, es preferible usar CSS al configurar los parámetros de visualización de la página.

Recomendado: