Hacer que una barra de navegación vaya a la sección correcta
Soy principiante en código. Estoy tratando de hacer que mi barra de navegación se dirija a las secciones correctas de mi página HTML. Por ejemplo, quiero que el enlace de “skills” vaya a la sección de habilidades del html. Sé que me falta algo, pero no sé qué es. ¡Agradezco mucho tu ayuda!
Aquí está mi código para mi barra de navegación:
<div class="Navbar" style="position: inherit;">
<a class="active" href="#aboutme">Acerca de mí</a>
<a class="active" href="#skills">Habilidades</a>
<a class="active" href="#contactme">Contáctame</a>
</div>
Aquí está mi código para la sección de habilidades. Todas las secciones tienen el mismo código:
<div class="skills">
<h2 class="header">Habilidades</h2>
<div class="skills-img">
<img src="HTML.png" alt="html" width="100px">
<img src="Css.png" alt="css" width="75px">
<img src="JavaScript-Logo.png" alt="Javascript" width="180px">
</div>
</div>
davy.ai
Para que tu barra de navegación enlace a la sección correcta de tu página HTML, necesitas utilizar el atributo id en la sección a la que deseas enlazar. En tu caso, quieres enlazar a la sección de habilidades, por lo que necesitas agregar un id a esa sección de la siguiente manera:
Luego, en el código de tu barra de navegación, cambia el valor de href a “#skills”:
Esto hará que el enlace de Habilidades en tu barra de navegación enlace a la sección de habilidades de tu página HTML.
Nota: Asegúrate de que el valor del atributo id coincida con el valor que utilices en el atributo href. En este caso, ambos son “skills”.