Orbitais Atômicos 3D

O tag html inicia a página Html. 

<!DOCTYPE html>

<html lang="pt-br">

O tag head dentro do tag html define o bloco de informações utilizadas pelo navegador como título da página e código de acentuação utilizado.

   <head>
      <title>Modelo de Orbital</title>
      <meta http-equiv="cache-control" content="no-cache" />
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
   </head>

O tag body dentro do tag html define o bloco de informações utilizadas pelo navegador como título da página e código de acentuação utilizado.

   <body onload="iniciar()">
      <div id="id-modelo-orbital-3d"></div>
      <div id="id-div-dados-elemento"></div>
      <div id="id-div-tabela-periodica"></div>
      <!--input id = "id-botao-fechar" type="image" src="/../../img/icones/fechar.01a.png" alt="Fechar" width="123" height="123" onclick="alert('aqui'); fechar();"-->
   </body>

Os tags link carregam o arquivo de estilos utilizados pelos objetos.

   <link rel="stylesheet" type="text/css" media="all" href="/100-100-200.orbitais3d.01a.css">
   <link rel="stylesheet" type="text/css" media="all" href="/100-200-200.orbitais3d.tabela-periodica.01a.css">
   <link rel="stylesheet" type="text/css" media="all" href="/100-300-200.orbitais3d.dados-elemento.01a.css">

Os tags script carregam os arquivos de código javascript utilizados para tornar os objetos html dinâmicos.

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script src="/../../../oslib/threejs/enxuto/three.js"></script>
   <script src="/../../../oslib/threejs/enxuto/MapControls.js"></script>
   <script src="/../../../oslib/threejs/enxuto/Detector.js"></script>
   <script src="/../../../oslib/threejs/enxuto/stats.min.js"></script>

Os tags script a seguir são os do aplicativo OA3D. 

   <script type="text/javascript" src="/./200-100-100.lib-json-elementos.01a.js" charset="UTF-8"></script>
   <script type="text/javascript" src="/./200-200-100.lib-metadados.01a.js"></script>
   <script type="text/javascript" src="/./300-100-100.classe-ancestral-comum.01a.js?x=1"></script>
   <script type="text/javascript" src="/./300-100-200.classe-ancestral-visual-comum.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-100-100.classe-eletron.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-150-100.classe-geometria.01a.js"></script>
   <script type="text/javascript" src="/./500-150-200.classe-geometria-lobular.01a.js"></script>
   <script type="text/javascript" src="/./500-200-100.classe-orbital-ancestral.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-200.classe-orbital-s.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-300.classe-orbital-lobular.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-400.classe-orbital-p.01a.js"></script>
   <script type="text/javascript" src="/./500-200-500.classe-orbital-d.01a.js"></script>
   <script type="text/javascript" src="/./500-200-600.classe-orbital-f.01a.js"></script>
   <script type="text/javascript" src="/./500-300-100.classe-geometria-nucleo.01a.js"></script>
   <script type="text/javascript" src="/./500-300-200.classe-nucleo.01a.js"></script>
   <script type="text/javascript" src="/./500-400-100.classe-cenario.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-400-200.classe-cenario-atomico.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-400-300.classe-cenario-atomico-basico.01a.js?x=3"></script>
   <script type="text/javascript" src="/./500-400-400.classe-cenario-atomico-basico-pontos.01a.js?x=3"></script>
   <script type="text/javascript" src="/./500-500-100.classe-atomo.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-600-100.classe-filme.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-800-100.classe-aplicativo.02a.js?x=1"></script>
   <script type="text/javascript" src="/./500-800-200.classe-aplicativo-oa3d.02a.js?x=1"></script>
   <script type="text/javascript" src="/./600-100-100.lib-app-atomo-3d.02a.js?x=1"></script>

 

</html>

 

<!DOCTYPE html>

<html lang="pt-br">
   <head>
      <title>Modelo de Orbital</title>
      <meta http-equiv="cache-control" content="no-cache" />
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
   </head>
   <body onload="iniciar()">
      <div id="id-modelo-orbital-3d"></div>
      <div id="id-div-dados-elemento"></div>
      <div id="id-div-tabela-periodica"></div>
      <!--input id = "id-botao-fechar" type="image" src="/../../img/icones/fechar.01a.png" alt="Fechar" width="123" height="123" onclick="alert('aqui'); fechar();"-->
   </body>
   <link rel="stylesheet" type="text/css" media="all" href="/100-100-200.orbitais3d.01a.css">
   <link rel="stylesheet" type="text/css" media="all" href="/100-200-200.orbitais3d.tabela-periodica.01a.css">
   <link rel="stylesheet" type="text/css" media="all" href="/100-300-200.orbitais3d.dados-elemento.01a.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <script src="/../../../oslib/threejs/enxuto/three.js"></script>
   <script src="/../../../oslib/threejs/enxuto/MapControls.js"></script>
   <script src="/../../../oslib/threejs/enxuto/Detector.js"></script>
   <script src="/../../../oslib/threejs/enxuto/stats.min.js"></script>
   <script type="text/javascript" src="/./200-100-100.lib-json-elementos.01a.js" charset="UTF-8"></script>
   <script type="text/javascript" src="/./200-200-100.lib-metadados.01a.js"></script>
   <script type="text/javascript" src="/./300-100-100.classe-ancestral-comum.01a.js?x=1"></script>
   <script type="text/javascript" src="/./300-100-200.classe-ancestral-visual-comum.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-100-100.classe-eletron.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-150-100.classe-geometria.01a.js"></script>
   <script type="text/javascript" src="/./500-150-200.classe-geometria-lobular.01a.js"></script>
   <script type="text/javascript" src="/./500-200-100.classe-orbital-ancestral.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-200.classe-orbital-s.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-300.classe-orbital-lobular.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-200-400.classe-orbital-p.01a.js"></script>
   <script type="text/javascript" src="/./500-200-500.classe-orbital-d.01a.js"></script>
   <script type="text/javascript" src="/./500-200-600.classe-orbital-f.01a.js"></script>
   <script type="text/javascript" src="/./500-300-100.classe-geometria-nucleo.01a.js"></script>
   <script type="text/javascript" src="/./500-300-200.classe-nucleo.01a.js"></script>
   <script type="text/javascript" src="/./500-400-100.classe-cenario.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-400-200.classe-cenario-atomico.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-400-300.classe-cenario-atomico-basico.01a.js?x=3"></script>
   <script type="text/javascript" src="/./500-400-400.classe-cenario-atomico-basico-pontos.01a.js?x=3"></script>
   <script type="text/javascript" src="/./500-500-100.classe-atomo.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-600-100.classe-filme.01a.js?x=1"></script>
   <script type="text/javascript" src="/./500-800-100.classe-aplicativo.02a.js?x=1"></script>
   <script type="text/javascript" src="/./500-800-200.classe-aplicativo-oa3d.02a.js?x=1"></script>
   <script type="text/javascript" src="/./600-100-100.lib-app-atomo-3d.02a.js?x=1"></script>
</html>