Cómo hacer un fondo en html

Cómo hacer un fondo en html

En la configuración de cualquier sitio, además de la funcionalidad, el diseño es muy importante. Eso es lo que define el estilo personal y el diseño de una empresa o persona, para lo cual se crea un sitio. Personalizar el color de fondo y la imagen no será difícil, siguiendo las instrucciones de este artículo.

1
Abra el archivo HTML por medio de un bloc de notas o cualquier otro editor de texto, a la que está acostumbrado.

2
Por ejemplo, tomar una página primitiva sitio con un mínimo de texto. Abrir su archivo, puede utilizar cualquier navegador.

3
Para empezar a cambiar el color de su fondo, porque las personas con conexión a Internet lenta no es inmediatamente ser capaz de ver la imagen de fondo de la página. Una cierta cantidad de tiempo hasta que se cargue la imagen, que sólo se puede ver el color de su sitio web.
Rellene el \u003cbody\u003e etiqueta de parámetro bgcolor \u003d "*****", donde ***** - un código de color. Aprender colores para HTML, puede en cualquier editor de imágenes seleccionando la opción "para la web" o en el sitio https://colorscheme.ru/color-names

4
Sólo tiene que elegir el rango paleta de colores y ajustar su intensidad dentro de un cuadrado. A la derecha verá dos código html. Copiar y pegar en un cuaderno.

5
Recogiendo el color y pegarlo en el código, a ver si todo está correcto, esto se hace mediante la visualización de la página web resultante del navegador.

6
Ahora puede empezar a insertar una imagen de fondo. Coloque la imagen deseada en la carpeta con el código para una mayor comodidad. preguntarle el nombre en letras latinas.

7
Ahora busca la ubicación del archivo haciendo clic en el botón derecho del ratón, seleccionar la línea "Abrir con" y luego hacer clic en cualquier navegador instalado en su ordenador.

8
Copiar la dirección de la caja de búsqueda de su navegador.

9
Ahora en la etiqueta \u003cbody\u003e, insertar la línea:

  • style \u003d "background-image: url ( 'file: /// C: /Users/PUT_FAYLA.jpg')"

10
Guardar el archivo.

11
Comprobar su página web. Verá que el fondo de cortar el texto.

Tenga en cuenta que los usuarios que tienen mayor resolución de pantalla, su imagen se duplicará hacia abajo y hacia la derecha. No se verá bien, si la imagen no es un monófonio. Para corregir este parámetro hay comandos especiales.

  • fondo-repetición.: “Sentido". Sus opciones de valor pueden ser: " repetir-x " - Repite su imagen de fondo y horizontalmente, y verticalmente. " repetir-y " - Repetición solo verticalmente. " no-repetir " - La imagen está congelada en su lugar y no se repite. " espacio " - Toda la página se llenará con el número máximo de copias de la imagen, el extremo se jactará. " ronda " - la misma opción, pero en los bordes de la imagen se escalarán cuidadosamente;
  • accesorio de fondo: "valor". Si sustituimos en lugar de la palabra TEG Significado " desplazarse"La imagen se desplazará junto con el sitio. " reparado"- Al desplazar el fondo permanece sin cambios;
  • tamaño de fondo: Valor Valor2. Aquí los valores deben tomar la cantidad en píxeles. Por ejemplo: 100px 200px. Además de los píxeles, los valores son aceptados en porcentaje. Este es el parámetro para llenar la página de la imagen. Además de los números, puede ingresar dos parámetros: " contiene"- Llena la página con la imagen a lo largo del lado largo y" cubrir."- Llena la página con una imagen de ancho.

Saber lo básico de llenar el fondo de la página en HTML está listo para crear su primer sitio.

Añadir un comentario

Tu correo electrónico no será publicado. Los campos obligatorios están marcados *

cerrar