Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Layout y tags semántica: Haga lo que hicimos en aula

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portafolio</title>
</head>
<body>
    <header></header>
    <main>
        <h1>
            ¡Aprendiendo junto a <strong>Alura Latam!</strong>
        </h1>
        <p>
            ¡Hola! Soy Anderson Estrada, y estoy realizando este Challenge de Alura Latam 
            para entrar al bootcamp de ciencia de datos.
        </p>
        <a href="https://github.com/Afes-reop/challenge-amigo-secreto_esp-main.git">GitHub</a>
        <img src="alura.jpeg" alt="Alura Challenge"
    </main>
    <footer></footer>
</body>
</html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Anderson, espero que estés bien

Parece que estás trabajando en la estructura de tu portafolio usando HTML y etiquetas semánticas. Aquí hay algunas sugerencias para mejorar tu código y asegurarte de que cumpla con los requisitos del ejercicio:

  1. Estructura Semántica: Asegúrate de que el <header>, <main>, y <footer> contengan contenido relevante. Por ejemplo, puedes agregar un logotipo o un menú de navegación dentro del <header> y detalles de contacto o derechos de autor en el <footer>.

  2. Etiquetas Faltantes: Tu etiqueta <img> está incompleta. Falta cerrar la etiqueta con > y sería bueno incluir un texto alternativo en el atributo alt para mejorar la accesibilidad.

  3. Botones de Redes Sociales: El ejercicio menciona agregar botones para Instagram y GitHub. Actualmente, solo tienes un enlace a GitHub. Considera agregar otro enlace para Instagram.

  4. Subtítulo: El ejercicio también menciona un subtítulo. Puedes agregarlo usando un <h2> debajo del <h1>.

Aquí tienes un ejemplo de cómo podrías estructurar el HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portafolio de Anderson Estrada</title>
</head>
<body>
    <header>
        <!-- Aquí puedes agregar un logotipo o un menú de navegación -->
    </header>
    <main>
        <h1>¡Aprendiendo junto a <strong>Alura Latam!</strong></h1>
        <h2>Desarrollador en formación</h2>
        <p>¡Hola! Soy Anderson Estrada, y estoy realizando este Challenge de Alura Latam para entrar al bootcamp de ciencia de datos.</p>
        <a href="https://github.com/Afes-reop/challenge-amigo-secreto_esp-main.git">GitHub</a>
        <a href="https://instagram.com/tu_perfil">Instagram</a>
        <img src="alura.jpeg" alt="Imagen representativa de Alura Challenge">
    </main>
    <footer>
        <!-- Aquí puedes agregar información de contacto o derechos de autor -->
    </footer>
</body>
</html>

Espero que estas sugerencias te ayuden a mejorar tu proyecto. ¡Bons estudios!