Skip to content

Index.html

Jump to bottom
Carolina Mamani edited this page Nov 6, 2023 · 3 revisions

Estructura básica del documento:

  • DOCTYPE: Es una declaración que define que el documento es un documento HTML5.
  • html: Es el elemento raíz del documento.
    • lang="en": Especifica que el lenguaje del contenido del documento es inglés.

Cabecera del documento (<head>):

  1. meta charset="UTF-8": Define la codificación de caracteres del documento como UTF-8.

  2. meta http-equiv="X-UA-Compatible" content="IE=edge": Es una directiva para que Internet Explorer use su motor de renderizado más reciente.

  3. meta name="viewport" content="width=device-width, initial-scale=1.0": Hace que la página web sea responsive, adaptándose al ancho del dispositivo.

  4. fonts: Se vinculan las fuentes de Google Fonts y Font Awesome.

  5. Bootstrap 5: Se incluye el CSS de Bootstrap 5, un marco de diseño popular.

  6. Font Awesome: Se incluye otra versión de Font Awesome para iconos.

  7. Sweet Alert: Es una biblioteca de JavaScript para crear alertas personalizadas.

  8. meta tags: Se definen las palabras clave y la descripción del sitio para motores de búsqueda.

  9. css main: Se vincula un archivo CSS personalizado.

  10. favicon: Es un icono que aparece en la pestaña del navegador.

  11. title: Define el título que aparece en la pestaña del navegador.

Cuerpo del documento (<body>):

  1. CABECERA:

    • Es una barra de navegación que incluye el logo de "Daba Store" y enlaces como Home, Productos, Ofertas, Novedades, Contacto y un ícono de carrito de compras.

  2. BANNER:

    • Parece que se intentó hacer un carrusel de imágenes, pero hay algunas partes del código comentadas. Las imágenes se repiten en la sección de <div class="slide">.

  3. Búsqueda:

    • Se proporciona una barra de búsqueda con un campo de entrada para que los usuarios busquen productos.

  4. Productos:

    • Hay una sección con un contenedor para tarjetas de productos y un mensaje "Loading...".

  5. Detalles del Producto:

    • Una sección para mostrar detalles de productos seleccionados.

  6. FOOTER:

    • Es un pie de página que incluye enlaces a redes sociales y un mensaje sobre la "UTN Tecnicatura en programación Cohorte 2022".

  7. Scripts:

    • Se incluye el JavaScript de Bootstrap y un archivo JavaScript personalizado llamado "Index.js".

Es importante mencionar que este código HTML solo proporciona la estructura y el diseño del sitio web. La funcionalidad (como qué sucede cuando se hace clic en un enlace o se busca un producto) dependerá de los scripts de JavaScript vinculados y de cualquier backend que pueda estar en funcionamiento.

Clone this wiki locally