HTML de los ficheros index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang=es>
<head>
<!-- Metadatos generales del Proyecto -->
<meta name="Author" content="Jorge Fernández Herce & Mercedes González Menorca">
<meta name="Copyright" content="© 2007 Jorge F.H. , Mercedes G. M.">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="generator" content="PSPad editor, www.pspad.com">
<meta name="Description" content="Descripción del contenido de la página">
<meta name="Keywords" content="Trigonometría,Bachillerato">
<title>Título HTML de la página
</title>
<!-- Icono para navegadores que lo presentan en la barra de direcciones -->
<link rel="shortcut icon" href="../../img_gral/logo.ico">
<!-- Hoja de estilos genérica del proyecto -->
<link href="../../estilos/base.css" rel="stylesheet" type="text/css">
<!-- Hojas de estilos del tema actual -->
<link href="estilos/tema.css" rel="stylesheet" type="text/css">
</head>
<body id="temak">
<!-- ENCABEZADO DE LA PÁGINA -->
<div class=enca>
<h1 class=tmat>
<img name=bolaazul src="../../img_gral/bolaazul.gif" alt="bola">Título de la Página</h1>
<div class=desp>
<table class=desp1 summary="Controles de navegación">
<tr>
<td class=b20><a href="../../calculadora/calculadora.html" onclick="window.open(this.href,'Calculadora','scrollbars=no, width=260, height=420');return false" onkeypress= "window.open(this.href,'Calculadora','scrollbars=no, width=260, height=420');return false"><img src="../../img_gral/calculadora.gif" alt="Calculadora" class=b20></a>
<td class=b20><a href="../temaxx/index.html"><img src="../../img_gral/anterior.gif" alt="Anterior" class=b20></a>
<td class=b20><a href="../../index.html"><img src="../../img_gral/indice.gif" alt="Indice" class=b20></a>
<td class=b20><a href="../temayy/index.html"><img src="../../img_gral/siguiente.gif" alt="Siguiente" class=b20></a>
<tr>
<td class=b21>[<a href="../../calculadora/calculadora.html" onclick="window.open(this.href,'Calculadora','scrollbars=no, width=260, height=420');return false" onkeypress= "window.open(this.href,'Calculadora','scrollbars=no, width=260, height=420');return false">Calcul.</a>]
<td class=b21>[ <a href="../temaxx/index.html">Anter.</a> ]
<td class=b21>[ <a href="../../index.html">Indice</a> ]
<td class=b21>[ <a href="../temayy/index.html">Sigui.</a> ]
</table>
</div>
</div>
<!-- PINCIPAL DE LA PÁGINA -->
<!-- Bloque 1 -->
<div id=blq1 class=txig><a name=r1></a>
<h2 class=bl>Introducción</h2>
<div class=sig>
<!-- Aqui van los botones que correspondan -->
</div>
<div class=tx0>
</div>
</div>
<!-- Bloque 2 -->
<div id =blq2 class=txig><a name=r2></a>
<h2 class=bl>Bloque 2</h2>
<div class=ig>
<a href="app_x2.html"><img name="img_f2" class=gr alt="Proyección ortogonal y coseno" src="img_pant/pant_x2.png"></a>
<table class=nvap summary="Controles de acceso más recursos">
<tr>
<td class=b30><a href="app_x2.html"><img src="../../img_gral/geogebra32.gif" alt="Geogebra" class=b30></a>
<td class=b30><a href="img_imp/imp_x2.png"><img src="../../img_gral/visualiza.gif" alt="Visualiza para imprimir" class=b30></a>
<td class=b30><a href="ecu_tex/tex_x2.tex"><img src="../../img_gral/latex.gif" alt="Latex" class=b30></a>
<td class=b30><a href="../../consejeria/ayuda_imagenes.html" onclick="window.open(this.href,'Ayuda_Imagen','scrollbars=yes, width=500, height=540');return false" onkeypress= "window.open(this.href,'Ayuda_Imagen','scrollbars=yes, width=500, height=540');return false"><img src="../../img_gral/ayuda3.gif" alt="Ayuda" class=b30></a>
<tr>
<td class=b31> [<a href="app_x2.html">Applet</a>]
<td class=b31> [<a href="img_imp/imp_x2.png"> Zoom </a>]
<td class=b31> [<a href="ecu_tex/tex_x2.tex"> Latex </a>]
<td class=b31> [<a href="../../consejeria/ayuda_imagenes.html" onclick="window.open(this.href,'Ayuda_Imagen','scrollbars=yes, width=500, height=540');return false" onkeypress= "window.open(this.href,'Ayuda_Imagen','scrollbars=yes, width=500, height=540');return false"> Ayuda</a> ]
</table>
</div>
<div class=tx1>
</div>
</div>
<!-- Más bloques -->
<!-- PIE DE LA PÁGINA -->
<div class=pie>
<div class=w3c>
<a href="http://validator.w3.org/check?uri=referer"><img
src="../../img_gral/valid-html401.png"
alt="Valid HTML 4.01" ></a> -
<a href="http://jigsaw.w3.org/css-validator?uri=referer"><img src="../../img_gral/vcss.png" alt="CSS válido" /></a> -
<a href="http://www.w3.org/WAI/WCAG1AA-Conformance" title="Explicación de la Conformidad de nivel Doble-A"><img src="../../img_gral/wcag1AA.png" alt="Icono de nivel de conformidad A W3C-WAI"></a>
</div>
<div class=desp>
<table class=desp1 summary="Controles de navegación">
<tr>
<td class=b20><a href="../temaxx/index.html"><img src="../../img_gral/anterior.gif" alt="Anterior" class=b20></a>
<td class=b20><a href="../../index.html"><img src="../../img_gral/indice.gif" alt="Indice" class=b20></a>
<td class=b20><a href="../temayy/index.html"><img src="../../img_gral/siguiente.gif" alt="Siguiente" class=b20></a>
<tr>
<td class=b21>[ <a href="../temaxx/index.html">Anter.</a> ]
<td class=b21>[ <a href="../../index.html">Indice</a> ]
<td class=b21>[ <a href="../temayy/index.html">Sigui.</a> ]
</table>
</div>
</div>
</body>
</html>