Cómo Hacer Fondo En Html

Tabla de contenido:

Cómo Hacer Fondo En Html
Cómo Hacer Fondo En Html

Video: Cómo Hacer Fondo En Html

Video: Cómo Hacer Fondo En Html
Video: Tutorial Como Poner Una Imagen De Fondo En HTML 2024, Noviembre
Anonim

Una página web con un fondo tiende a verse más bonita que sin él. La exactitud de la visualización de la página web depende de las acciones competentes para agregar el fondo.

Cómo hacer fondo en html
Cómo hacer fondo en html

Instrucciones

Paso 1

La forma más sencilla de crear un fondo en un documento html es asignar el valor del atributo a la etiqueta del cuerpo. Un valor dado para el atributo de fondo determinará la imagen de fondo en la página. Si establece el valor del atributo bgcolor, la página tomará un color de fondo. El color en el atributo bgcolor de la etiqueta del cuerpo se puede especificar en hexadecimal o solo en una palabra.

Paso 2

Puede lograr el mismo efecto utilizando hojas de estilo CSS en cascada. Un valor para el atributo background-color definirá el color de fondo en la página, mientras que un valor para el atributo background-image definirá la ruta a la imagen de fondo de la página. Estas instrucciones se pueden escribir en el selector de cuerpo. Puede hacerlo de manera diferente: asigne una clase o identificador a la etiqueta del cuerpo en la etiqueta html y asigne los atributos anteriores a la clase o identificador en css, respectivamente. Solo debe tenerse en cuenta que si los atributos se asignan a una clase, todos los objetos con la clase especificada tendrán un color de fondo en el documento html.

Paso 3

Las instrucciones anteriores se pueden escribir en el cuerpo del propio documento html. Para hacer esto, abra la etiqueta de estilo en la sección de servicio entre las etiquetas de la cabeza (apertura y cierre). Cualquier declaración CSS se puede escribir entre la apertura y el cierre de una etiqueta determinada. Solo hay que tener en cuenta que en este caso aumentará el peso de la página, lo que puede afectar negativamente al tiempo que tarda el usuario final en cargarla. Cabe señalar también que en el caso de especificar una imagen de fondo, se puede repetir en horizontal, en vertical o en dos ejes a la vez. El atributo background-repeat en CSS es responsable de esto. La imagen de fondo se puede acoplar de forma rígida independientemente de la presencia de una barra de desplazamiento en el documento. Para lograr este efecto, debe especificar background-attach: fixed.

Paso 4

El trasfondo de un documento html se puede realizar utilizando lenguajes de programación. Puede escribir instrucciones html usando JavaScript. La construcción del lenguaje document.write es adecuada para esto. Si se expresa lo mismo a través del DOM, la declaración document.body.style.backgroundColor = "red" hará que el fondo de la página sea rojo. Esto es lo mismo que escribir el atributo apropiado directamente en CSS.

Paso 5

Las instrucciones anteriores se pueden escribir directamente en el código de una página web creando un par de etiquetas de script entre las etiquetas de encabezado de apertura y cierre. Sin embargo, todas estas instrucciones se pueden escribir en un archivo separado con la extensión js, que, posteriormente, se puede conectar a la página.

Recomendado: