<!DOCTYPE html>
<html>
 <head>
<meta charset="utf-8">
  <title> Distancias 3D</title>
<link rel="stylesheet" href="styles.css">
  <script src="distancias3d.js" type="text/javascript"></script>
 </head>

<body>
<header id="header">
<h1><a href="#"><span>Distancias</span>3D</a></h1>
</header>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<fieldset>
<p> Introducir coordenadas de los puntos separadas por espacios:
<p>Introducir coordenadas x: <input id="xi" type="text" size="50" /></p>
<p>Introducir coordenadas y: <input id="yi" type="text" size="50" /></p>
<p>Introducir coordenadas z: <input id="zi" type="text" size="50" /></p>

<p>Distancia total: <span id="dist"></span> <br/> </p>

<button id="Calcula">Calcular</button>
</fieldset>
</body>
</html>