đź’» CĂłdigo HTML

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="author" content="Jostyn VY">
  <meta name="viewport" content="width=, initial-scale=1.0">
  <title>tecnologia</title>
</head>
<body>
    <h1>Tecnologia</h1>
    <h2>ĂŤndice</h2>
  <section>  
    <nav>
    <a href="#que-es">¿Qué es la tecnología?</a> 
    <a href="#historia">Historia</a> 
    <a href="#tipos">Tipos de tecnologĂ­a</a> 
    <a href="#ventajas">Ventajas</a> 
    <a href="#audio">Podcast explicativo</a>
    </nav>
  </section>
    <div>
        <h2 id="que-es">¿Qué es la tecnología?</h2>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique nisi cum commodi ea, minus veniam maiores nemo facere, officia amet dolor perspiciatis, 
            dolore ducimus quae! Reprehenderit itaque quaerat sint blanditiis?</p>
        
        <h2 id="historia">Historia</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus voluptas, deserunt accusamus odit quaerat deleniti quibusdam totam nihil, hic tempore fugiat, 
            dolorum alias nam animi pariatur nesciunt nulla veritatis adipisci!</p>
        
        <h2 id="tipos">Tipos de tecnologĂ­a</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quam similique ea eos amet doloremque recusandae alias, id adipisci, 
            mollitia in deleniti! Similique, nemo fugit. Praesentium quod delectus odio molestias!</p>

        <h2 id="ventajas">Ventajas</h2>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat veniam repudiandae deleniti suscipit a, adipisci consequatur modi, tempore natus eligendi doloremque totam? 
            Sequi quos, facere incidunt recusandae necessitatibus natus fuga.</p>

        <h2 id="audio">Podcast explicativo</h2>
        <d>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit id laboriosam quis, consectetur voluptatibus temporibus est reiciendis ducimus?
            Earum ratione expedita nisi repellat accusamus neque esse reiciendis ipsam nemo quam.
    </div>
<div><iframe src="https://www.ivoox.com/player_ej_162624530_6_1.html?c1=212945" width="100%" height="200"
 frameborder="0" allowfullscreen="" scrolling="no" loading="lazy"></iframe></div>
      
 </body>
</html>

📸 Resultado del ejercicio

Resultado ⬅ Volver