Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

HTML Conceptos Básicos de HTML Avanzando con HTML Desafío de Enlaces y Rutas

Sandra-Lee Rowe
sello-máscara
.a{fill-rule:evenodd;}techdegree
Sandra-Lee Rowe
Análisis de Datos Estudiante de Techdegree 3,905 puntos
Publicado por Sandra-Lee Rowe
.a{fill-rule:evenodd;}techdegree
Sandra-Lee Rowe
Análisis de Datos Estudiante de Techdegree 3,905 puntos

Estoy atrapado en el desafío de enlace y ruta uno....

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Página de Portafolio</title>
  </head>
  <body>
    <img src=../images/logo.png alt=Logotipo del sitio>
    <ul>
      <li><a href=../../#images>Inicio</a></li>
      <li><a href=../../#images>Portafolio</a></li>                
    </ul>
    <h1 id=../../#images"<portafolio">Mi Portafolio</h1>
  </body>
</html>

2 Respuestas

Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
JavaScript Full Stack Estudiante de Techdegree 9.277 Puntos

Hola SandraLee Rowe 👋

Estás muy cerca de lograr que la imagen funcione, actualmente estás apuntando a una carpeta llamada images mientras que la tarea pide acceder al archivo en la carpeta llamada img. Actualizar la ruta a ../img/logo.png debería hacer que tu código pase la primera tarea.

Para la segunda tarea querrás actualizar el href atributo del enlace Inicio para navegar al usuario al index.html archivo. Puedes hacerlo simplemente proporcionándole una "/", que redirigirá al usuario a la raíz de tu proyecto.

La tarea final es enlazar a la sección de portafolio, puedes hacerlo con el # símbolo. Como no estás navegando al usuario a un archivo diferente en tu proyecto, no hay necesidad de usar ../ para cambiar de directorio 🙂

Después de estos ajustes, tu código debería verse así: 

<!DOCTYPE html> 
<html>
  <head>
    <title>Página de Portafolio</title>
  </head>
  <body>
    <img src=../img/logo.png alt=Logotipo del sitio>
    <ul>
      <li><a href=/>Inicio</a></li>
      <li><a href=#portafolio>Portafolio</a></li>                
    </ul>
    <h1 id=portafolio>Mi Portafolio</h1>
  </body>
</html>

¡Espero que esto te ayude! Si no es así, cuéntanos y estaremos más que felices de elaborar 🙂