Generalmente, el navegador web muestra un documento HTML en blanco y negro, es decir, el texto en negro sobre un fondo blanco. Sin embargo, puede cambiar la apariencia del documento cambiando el color de fondo y el color del texto. Puede cambiar el color de fondo como se ilustra.
<BODY bgcolor=”colorname”>
Por ejemplo: <BODY bgcolor=”green”> o <BODY bgcolor=”blue”>
Sin embargo, puede seleccionar otros colores de su elección. El color del cuerpo y el color del texto deben seleccionarse de tal manera que la apariencia de la página web sea atractiva.
Hay tres métodos para cambiar el color de fondo de un documento:
- Usando el atributo bgcolor
- Usando CSS en línea
- Uso de la hoja de estilo interna
Guardar un archivo HTML
Antes de realizar cambios en el color de fondo del documento, debemos crear un archivo HTML. Los siguientes son los pasos para hacer lo mismo:
Paso 1: haga clic en el botón de inicio y busque el Bloc de notas .
Paso 2: Haga clic en el » Bloc de notas «. Luego se abre el bloc de notas sin título en la pantalla.
Paso 3: ahora puede iniciar el código HTML
Después de completar un documento HTML, guarde su archivo. Realice estos pasos para guardar un documento HTML.
Paso 4: Haga clic en Ctrl+s para guardar el documento HTML.
Paso 5: Guarda el documento como .html
Método 1: usar el atributo bgcolor
HTML proporciona varios estilos y atributos para realizar cambios en los documentos según las necesidades del usuario. El siguiente es un código HTML que muestra el uso del atributo bgcolor :
HTML
<html > <head> <title>Document</title> </head> <body bgcolor="lightgreen" > <h1>Hello reader my name is sachin Welcome to GeekforGeeks</h1> </body> </html>
Producción:
Método 2: usar un atributo de estilo en línea
Si queremos cambiar el color de fondo de una página web utilizando un atributo de estilo en línea, debemos seguir los pasos que se detallan a continuación. Podemos cambiar fácilmente el color del fondo desde el siguiente código:
HTML
<html >
<head>
<title>Internal CSS</title>
<style>
Body
{
background-color:greenyellow;
}
</style>
</head>
<body>
<h1>Welcome to GeeksforGeeks</h1>
<h2>We are using the Internal CSS</h2>
</body>
</html>
Producción:
Método 3: Usar CSS interno
Si queremos cambiar el color de fondo de una página web usando una hoja de estilo en cascada interna, debemos seguir los pasos que se detallan a continuación. Podemos cambiar fácilmente el color de fondo del siguiente código:
HTML
<html lang="en"> <head> <title>inline style attribute</title> </head> <body style="background-color:greenyellow"> <h1>Welcome to GeeksforGeeks</h1> <h2>We are using the inline style attribute</h2> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ysachin2314 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA