Cómo agregar un fondo a un sitio web
El fondo es uno de los elementos más cruciales de un sitio web. Un buen fondo crea el tono para el sitio web y complementa el contenido. Hay muchas maneras diferentes de agregar un fondo, en cada forma con un propósito diferente. Algunos métodos le permiten aplicar el fondo a todas las páginas en un sitio web, mientras que otras limitan los antecedentes a solo una página determinada. Este artículo le enseña cómo agregar un fondo a su sitio web utilizando HTML o CSS.
Pasos
Método 1 de 2:
Métodos HTMLFondo de color sólido
1. Un fondo de color sólido es el tipo de fondo más básico que puede poner en un sitio web. De hecho, cada sitio web comienza con un fondo blanco predeterminado. Sin embargo, mientras que un fondo blanco puede ser muy elegante y limpio, cuando se usa con un esquema de color armonioso, un fondo de color diferente puede ser favorecido con diferentes temas.
2. Abra su código web (fuente).
3. En la etiqueta del cuerpo, agregue un atributo llamado Bgcolor. Ahora, tu etiqueta del cuerpo debería verse así-
donde Colorame es el nombre del color. ColorName se puede llenar con muchos tipos de representantes de color-
donde Colorame es el nombre del color. ColorName se puede llenar con muchos tipos de representantes de color-
4. Experimentar con RGB y # puede llevar a muchos tonos, pero puede tomar el fácil primero. Pero recuerda que escribiendo un color poco común como "Verde azulado ultramarino" resultará en blanco.
Añadiendo una imagen de fondo
- Agregar una imagen de fondo es ligeramente más complicada que un fondo de color sólido.
- 1. Agregue la propiedad de fondo a la etiqueta del cuerpo, para que se vea así-
¿Dónde SRC es la fuente de la imagen SRC puede estar en la misma carpeta u otra carpeta / página web. - (en la misma carpeta)
- (Dentro de una carpeta diferente)
- (en una página web diferente)
- 2. Recuerda escribir el .jpg / .JPEG /.extensión de BMP.
Método 2 de 2:
Métodos CSSFondo de color sólido
- 1. Para agregar un fondo de color sólido en CSS, agregue un atributo de estilo. También puedes darIDS Y CLASES y usar hojas de estilos externas e internas.
- 2. Tu etiqueta del cuerpo debería verse así-
Donde el Colorameis El nombre del color, el valor hexagonal o RGB (también recuerde los últimos pasos del fondo de color sólido en HTML, también se aplican aquí) .
Añadiendo una imagen
- 1. Para agregar una imagen, agregue el atributo de estilo a la etiqueta del cuerpo. También puedes dar IDS Y CLASES y usar hojas de estilos externas e internas.
- 2. Tu etiqueta del cuerpo ahora debería verse así-
- 3. Recuerda que SRC es la fuente. Puede ser de la misma carpeta, una carpeta diferente o una página web diferente.
- (en la misma carpeta)
- (Dentro de una carpeta diferente)
- (en una página web diferente).
- 4. Recuerda agregar el .Extensiones también.
Repitiendo fondo estampado
- 1. Para hacer un fondo de patrón repetido, agregue un fondo como se dice en los pasos anteriores. Su etiqueta corporal debe ser cambiada ahora a-
Donde la configuración de repetición es la configuración. Puede haber muchas configuraciones repetidas, como- - (El fondo se repetirá tanto vertical como horizontalmente.)
- (El fondo se repetirá horizontalmente.)
- (El fondo se repetirá verticalmente.)
Fondo de imagen fija
- 1. Fondos de imagen fijos se ven bien y no cambies a medida que se desplaza hacia abajo. Para hacerlos, solo necesitas hacer algunos ajustes simples al código en la sección anterior. Haz los ajustes para hacer que la etiqueta del cuerpo se vea así-
¿Dónde SRC es la fuente de la imagen de fondo, la posición es la posición de la imagen (puede variar desde el centro a la derecha) - el archivo adjunto de fondo es el principal "Catalizador"de este tipo de fondo. Se utiliza para contar la posición del fondo y se recomienda que no se cambie.
Consejos
Lea el artículo completo: la sección que queda fuera puede tener algunos consejos importantes (ya que las secciones de este artículo se encuentran en referencia entre sí y se escriben suponiendo que las secciones se lean).
Advertencias
Tanto los métodos HTML están depreciados, y pueden no funcionar en HTML 4.01 Estricto, así como XHTML estricto.