Correcciones en todos los archivos HTML para Validator de W3C

index.html

@@ -28,7 +28,7 @@
             <div id="user-large" class="col-lg-3 d-lg-block d-none text-end">
                 <div class="user">
                     <i class="fa-regular fa-user pe-2 text-white fs-5"></i>
-                    <a class="text-white fs-5" id="user_icon" href="./pages/login.html">Ingresa a tu cuenta</a></div>
+                    <a class="text-white fs-5" href="./pages/login.html">Ingresa a tu cuenta</a></div>
             </div>
             <div class="col-4 col-lg-4 d-flex justify-content-end">
                 <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -37,7 +37,7 @@
                 </button>
             </div>
         </div>
-        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar">
             <div class="offcanvas-header">
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
@@ -47,7 +47,7 @@
                     <li><a href="#trending">Tendencias</a></li>
                     <li><a href="#postres">Postres</a></li>
                 </ul>
-                <div class="user"><a class="text-md-white" id="user_icon" href="./pages/login.html">Ingresa a tu cuenta</a></div>
+                <div class="user"><a class="text-md-white" href="./pages/login.html">Ingresa a tu cuenta</a></div>
             </div>
         </div>
     </header>

js/script.js

@@ -23,7 +23,10 @@ document.getElementById('login-button').addEventListener('click', function(event
         }
 
         if((username.value.trim().length < 8 || username.value.trim().length > 32) && password.value.trim().length < 8) {
-            errorMessage.textContent = "El nombre de usuario y la contraseña son incorrectos o han sido ingresados.";
+            errorMessage.textContent = "El nombre de usuario y la contraseña son incorrectos o no han sido ingresados.";
         }
     }
-});
+});
+
+
+document.querySelector("form").setAttribute("action", "");

pages/login.html

@@ -28,7 +28,7 @@
             <div id="user-large" class="col-lg-3 d-lg-block d-none text-end">
                 <div class="user">
                     <i class="fa-regular fa-user pe-2 text-white fs-5"></i>
-                    <a class="text-white fs-5" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                    <a class="text-white fs-5" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
             <div class="col-4 col-lg-4 d-flex justify-content-end">
                 <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -37,7 +37,7 @@
                 </button>
             </div>
         </div>
-        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar">
             <div class="offcanvas-header">
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
@@ -47,20 +47,20 @@
                     <li><a href="../index.html#trending">Tendencias</a></li>
                     <li><a href="../index.html#postres">Postres</a></li>
                 </ul>
-                <div class="user"><a class="text-md-white" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                <div class="user"><a class="text-md-white" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
         </div>
     </header>
 
     <main class="container">
         <div class="login">
-            <form action="../index.html" method="">
+            <form action="#" method="post">
                 <div class="container">
                     <h3>Ingresa a tu cuenta</h3>
-                    <label for="username">Nombre de usuario</label>
+                    <label for="username-input">Nombre de usuario</label>
                     <input type="text" placeholder="Ingresa tu nombre de usuario" name="username" id="username-input">
 
-                    <label for="password">Contraseña</label>
+                    <label for="password-input">Contraseña</label>
                     <input type="password" placeholder="Ingresa tu contraseña" name="password" id="password-input">
 
                     <button type="submit" id="login-button">Iniciar sesión</button>

pages/nosotros.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -28,7 +28,7 @@
             <div id="user-large" class="col-lg-3 d-lg-block d-none text-end">
                 <div class="user">
                     <i class="fa-regular fa-user pe-2 text-white fs-5"></i>
-                    <a class="text-white fs-5" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                    <a class="text-white fs-5" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
             <div class="col-4 col-lg-4 d-flex justify-content-end">
                 <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -37,7 +37,7 @@
                 </button>
             </div>
         </div>
-        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar">
             <div class="offcanvas-header">
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
@@ -47,7 +47,7 @@
                     <li><a href="../index.html#trending">Tendencias</a></li>
                     <li><a href="../index.html#postres">Postres</a></li>
                 </ul>
-                <div class="user"><a class="text-md-white" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                <div class="user"><a class="text-md-white" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
         </div>
     </header>
@@ -70,16 +70,16 @@
         <hr>
         <section class="container">
             <h1 class="title_nos text-center my-4" id="nosotros">Nosotros</h1>
-            <article class="d-flex align-items-center mb-5">
+            <div class="d-flex align-items-center mb-5">
                 <div class="text-block p-4 text-center col-12 col-lg-6">
                     <p>Desde hace tiempo, en Mil Recetas nos hemos dedicado con pasión a compartir una amplia variedad de recetas que inspiran y deleitan a todos los amantes de la cocina. Nos enorgullece ofrecer un amplio abanico de opciones, desde sabrosas recetas vegetarianas hasta deliciosos postres que endulzan el paladar.</p>
                 </div>
                 <div class="image-block text-center p-4 col-12 col-lg-6">
                     <img src="../img/nos1.webp" alt="Imagen decorativa 1">
                 </div>
-            </article>
+            </div>
 
-            <article class="flex-md-row-reverse d-flex align-items-center mb-5 ">
+            <div class="flex-md-row-reverse d-flex align-items-center mb-5 ">
                 <div class="text-block p-4 text-center col-12 col-lg-6">
                     <p>
                         Nuestra misión es simple: hacer que cocinar sea una experiencia emocionante y gratificante para todos. Ya sea que estés buscando preparar una comida reconfortante para tu familia o sorprender a tus invitados con un plato innovador, en Mil Recetas encontrarás la inspiración que necesitas.
@@ -88,9 +88,9 @@ <h1 class="title_nos text-center my-4" id="nosotros">Nosotros</h1>
                 <div class="image-block text-center p-4 col-12 col-lg-6">
                     <img src="../img/nos2.webp" alt="Imagen decorativa 2">
                 </div>
-            </article>
+            </div>
 
-            <article class="d-flex align-items-center mb-5">
+            <div class="d-flex align-items-center mb-5">
                 <div class="text-block p-4 text-center col-12 col-lg-6">
                     <p>
                         Además de las recetas, en Mil Recetas también encontrarás consejos útiles, trucos culinarios y recomendaciones de ingredientes para ayudarte a mejorar tus habilidades en la cocina y alcanzar resultados extraordinarios.
@@ -99,9 +99,9 @@ <h1 class="title_nos text-center my-4" id="nosotros">Nosotros</h1>
                 <div class="image-block text-center p-4 col-12 col-lg-6">
                     <img src="../img/nos3.webp" alt="Imagen decorativa 3">
                 </div>
-            </article>
+            </div>
 
-            <article class="flex-md-row-reverse d-flex align-items-center mb-5">
+            <div class="flex-md-row-reverse d-flex align-items-center mb-5">
                 <div class="text-block p-4 text-center col-12 col-lg-6">
                     <p>
                         Nos sentimos honrados de ser parte de tu viaje culinario y esperamos inspirarte a explorar nuevas recetas, experimentar con ingredientes frescos y, sobre todo, disfrutar del placer de cocinar y compartir una comida deliciosa con tus seres queridos.
@@ -110,9 +110,9 @@ <h1 class="title_nos text-center my-4" id="nosotros">Nosotros</h1>
                 <div class="image-block text-center p-4 col-12 col-lg-6">
                     <img src="../img/nos4.webp" alt="Imagen decorativa 4">
                 </div>
-            </article>
+            </div>
 
-            <article class="d-flex align-items-center mb-5">
+            <div class="d-flex align-items-center mb-5">
                 <div class="text-block p-4 text-center col-12 col-lg-6">
                     <p>
                         Gracias por elegir Mil Recetas. ¡Juntos, hagamos que cada comida sea una experiencia inolvidable!
@@ -121,7 +121,7 @@ <h1 class="title_nos text-center my-4" id="nosotros">Nosotros</h1>
                 <div class="image-block text-center p-4 col-12 col-lg-6">
                     <img src="../img/logo.webp" alt="Imagen decorativa 5">
                 </div>
-            </article>
+            </div>
         </section>
         <hr>
         <section class="container">

pages/register.html

@@ -28,7 +28,7 @@
             <div id="user-large" class="col-lg-3 d-lg-block d-none text-end">
                 <div class="user">
                     <i class="fa-regular fa-user pe-2 text-white fs-5"></i>
-                    <a class="text-white fs-5" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                    <a class="text-white fs-5" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
             <div class="col-4 col-lg-4 d-flex justify-content-end">
                 <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
@@ -37,7 +37,7 @@
                 </button>
             </div>
         </div>
-        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
+        <div class="offcanvas offcanvas-end d-lg-none" tabindex="-1" id="offcanvasNavbar">
             <div class="offcanvas-header">
                 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
             </div>
@@ -47,27 +47,27 @@
                     <li><a href="../index.html#trending">Tendencias</a></li>
                     <li><a href="../index.html#postres">Postres</a></li>
                 </ul>
-                <div class="user"><a class="text-md-white" id="user_icon" href="./login.html">Ingresa a tu cuenta</a></div>
+                <div class="user"><a class="text-md-white" href="./login.html">Ingresa a tu cuenta</a></div>
             </div>
         </div>
     </header>
 
     <main class="container">
         <div class="login">
-            <form action="./login.html" method="">
+            <form action="#" method="post">
                 <div class="container">
                     <h3>Registrate</h3>
                     <label for="username">Ingresa un nombre de usuario</label>
-                    <input type="text" placeholder="Nombre de usuario" name="username" required minlength="8" maxlength="32">
+                    <input type="text" placeholder="Nombre de usuario" name="username" id="username">
 
                     <label for="email">Ingresa tu email</label>
-                    <input type="text" placeholder="Email" name="email" required>
+                    <input type="text" placeholder="Email" name="email" id="email">
 
                     <label for="password">Ingresa una contraseña</label>
-                    <input type="password" placeholder="Contraseña" name="password" id="" required minlength="8">
+                    <input type="password" placeholder="Contraseña" name="password" id="password">
 
                     <label for="confirm">Confirmación de contraseña</label>
-                    <input type="password" placeholder="Confirma tu contraseña" name="confirm" required minlength="8">
+                    <input type="password" placeholder="Confirma tu contraseña" name="confirm" id="confirm">
 
                     <button type="submit">Crear una cuenta</button>
                 </div>
@@ -105,6 +105,7 @@ <h2>Conocenos</h2>
         </div>
     </footer>
 
+    <script src="../js/script.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
 </body>
 </html>