index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Interaccion Humano Computador ">
    <meta name="keywords" content="HTML, CSS, JavaScript, PHP, Bootstrap, WordPress">
    <meta name="author" content="Ing. Alenny De Vries Angomas">
    <title>Etiquetas semanticas HTML</title>
    <link rel="shortcut icon" href="imagenes/HTML5_logo_and_wordmark.svg.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/8722e720e2.js" crossorigin="anonymous"></script>
</head>

<body>
   <div class="container">
    <header>
        <h1>HEADER</h1>
    </header>

    <nav>
        <h1>AQUI VA EL MENU</h1>
        <i class="fa-solid fa-house"></i> <a href="index.html".html">Home</a>
        <i class="fa-solid fa-magnifying-glass"></i><a href="navegacion.html">Navegacion</a>
        <i class="fa-brands fa-youtube"></i><a href="https://www.youtube.com/" target="_blank">youtube</a>
    </nav>
    <div id="contenido"> <H1>Seption</H1></div>

    <aside>
        <h1>ASIDE</h1>
    </aside>

      <div class="clearfix"></div>
      
      <footer>
        <h1>
            AQUI VA EL footer
        </h1>
        copyright &copy Creado por Alenny De Vries, @ 2022 <a href="https://www.instagram.com/alennyva/?hl=es-la" target="_blank">Ir a mi instagram</a>
      </footer>
   </div>

   

  

  
</body>
</html>