FONDO Y BORDES EN HTML.

                         FONDO Y BORDES EN HTML.

By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y

OSCAR GAEL GÓMEZ DÍAZ.

                                                                                   24/06/24
APERTURA:
Los fondos y bordes en HTML son herramientas poderosas para definir la estructura visual de tu página web. El fondo de una página o de un elemento específico puede establecer el tono y la atmósfera de la página, mientras que los bordes ayudan a delimitar y separar diferentes secciones de contenido, mejorando la claridad y el orden.

DESARROLLO: 

1. Fondos:

  • Fondos de página: Puedes definir el fondo de toda la página o de secciones específicas utilizando la propiedad background en CSS. Esto incluye colores sólidos, imágenes de fondo y gradientes.
  • Fondos de elementos: Cada elemento HTML puede tener su propio fondo, permitiéndote destacar áreas importantes como encabezados, secciones de contenido o áreas de navegación.

2. Bordes:

  • Estilo de bordes: Utilizando la propiedad border en CSS, puedes especificar el grosor, el tipo (sólido, punteado, doble, etc.) y el color de los bordes alrededor de elementos como imágenes, cuadros de texto o botones.
  • Separación visual: Los bordes no solo añaden un marco estético, sino que también ayudan a separar visualmente diferentes partes de tu contenido, haciendo que la página sea más fácil de entender y navegar.

3. Prácticas recomendadas:

  • Contraste: Asegúrate de que los colores de fondo y de los bordes proporcionen suficiente contraste con el texto y otros elementos para garantizar una buena legibilidad.
  • Consistencia: Mantén un estilo de fondo y bordes coherente en toda tu página web para una apariencia profesional y uniforme.
  • Adaptabilidad: Considera cómo se verán los fondos y bordes en diferentes dispositivos y tamaños de pantalla para garantizar una experiencia de usuario consistente y agradable.

EJEMPLO DE CÓDIGO USANDO BORDES, FONDO Y CONTENEDORES:




RESULTADO:




CONCLUSIÓN:
En resumen, los fondos y bordes en HTML son herramientas esenciales para mejorar la estética y la usabilidad de tu sitio web. Al dominar estos elementos, puedes elevar la calidad visual de tus proyectos web y ofrecer una experiencia más agradable a tus visitantes.

Por ello, una de las ventajas de usar fondos, bordes y contenedores es que podemos hacer que nuestra página web sea mas compleja y atractiva visualmente, la desventaja de usarlos sería que es algo tedioso, ya que hay que dedicarle mucho tiempo y atención.

BIBLIOGRAFÍA:

Entrar al sitio. (s/f-f). Milaulas.com. Recuperado el 24 de junio de 2024, de https://cbtis88.milaulas.com/mod/resource/view.php?id=2635




ANEXAMOS VIDEOS DE EJCUCIÓN Y DE CÓDIGO DE NUESTRO PROGRAMA.






Comentarios

Publicar un comentario

Entradas más populares de este blog

PROGRAMACIÓN EN HTML

Imagen
   PROGRAMACIÓN EN HTML ( estructuras, estilos y párrafos ). By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   11/03/24  APERTURA: En este artículo se tocará el tema de la programación en HTML, como se estructura para el correcto funcionamiento y como darle estilos que hagan de la página web, un sitio agradable al usuario. ¡ Sigan viendo! DESARROLLO: Estructura en html:  La estructura básica de un programa de html, comienza con "<!DOCTYPE html>" que nos declara que versión de HTML se usará para programar. El "<html> </html>" es la parte más fundamental de la estructura, ya que en el se contiene literalmente cada etiqueta, atributo, mensajes y todo lo necesario para el funcionamiento del programa. El "<head> </head>" nos guarda las referencias de la página como lo es el título. El "<body> </body>" es una parte fundamental ya que en él está el cuerpo del programa, todo lo que se most
Leer más

CONDICIONALES EN PHP

Imagen
CONDICIONALES EN PHP By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   29/02/24 Apertura: En este artículo se explicará acerca de como funcionan las condiciones o condicionales en el lenguaje de programación de PHP para así poder emplearlas de forma correcta en nuestro código fuente de nuestra página web. Se abarcará desde el concepto de condición hasta como emplearlas anexando ejemplos.   Desarrollo: Para comenzar:  ¿Qué es una condición o condicional?: Las condiciones es el conjunto de instrucciones que se emplea cuando se pretende que el programa tome un camino en concreto en determinados casos.  Para declarar una condición se usa: if, else, elseif . if : es la parte en donde se declara la condición y que para ello se utiliza los operadores lógicos:                         == Igual  a otra          > =Mayor o igual          >Mayor          !=Distinto                                                               <=Menor o igual          <Menor  
Leer más

CICLOS EN PHP :)

Imagen
     CICLOS EN PHP . By: MISAEL DE JESÚS HERNÁNDEZ OROZCO Y OSCAR GAEL GÓMEZ DÍAZ.   11/03/24 APERTURA: En este artículo se hablará y se explicará de forma general que son y como funcionan los bucles o ciclos en el lenguaje de programación de PHP, anexando imágenes con ejemplos y explicaciones. DESARROLLO: ¿Qué son los ciclos o bucles?: l os ciclos o bucles en un programa informático son un conjunto de instrucciones que permiten que una acción se repita hasta determinado momento, existen 3 tipos de ciclo o bucle: for, while o do-while. En el conjunto de instrucciones hay 3: asignarle valor a la variable que se utilizará mejor conocida como variable contador, la condición (la cual determina si el ciclo se va a ejecutar o no)y el aumento o decremento de valor de la variable contador. Ciclo for: Este ciclo se caracteriza por tener el conjunto de instrucciones al inicio y desde ahí empezar a hacer la comparación de la variable contador.   EJEMPLO: for($x=1 (valor del contador ); $x<10(
Leer más