index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ROBOTICA.ASTL</title>
</head>
<body>
<header>
    <h1>ROBÓTICA</h1>
    <link rel="stylesheet" href="theindex.css">
   
</header>

    <div id="principio">
    <div>
        <img src="img/robotica4.jpg">
    </div>
   <div>
  
      <p id="apa"><strong>INDICE</strong><!--Use negrita para este subtitulo-->
            <ul>
                <li id="jii"><a href="Robotica.html">ROBÓTICA</a> </li>
                <li id="jiji"><a href="historia.html">SU HISTORIA</a></li>
                <li id="jaja"><a href="Cronologia.html">SU CRONOLOGÍA</a> </li>  
                <li id="juas"><a href="Masinformacion.html">INFO AGREGADA</a></li>
            </ul>
        </p>
        </div>
<br>
<br>
<br>

<footer id="footer">
    <ul>
        <li>ANA SOFIA TORO</li>
        <LI>JAQUELINE LINGUA</LI>
        <LI>5TO "C"</LI>
    </ul>
</footer>
</body>
</html>