Mar 4, 2009 
El código HTML es el que construye las páginas web que vemos en Internet mientras navegamos, este código se compone de unas 40-50 instrucciones, aunque realmente se usan de manera intensiva unas 10 etiquetas, que es como se llama a estas instrucciones.
Toda página web se estructura fundamentalmente en 2 partes: cabecera y cuerpo.
La estructura típica de una página web es:
Este libro no tiene por objeto enseñar HTML, por lo que nos bastará con saber identificar en qué lugar del código vamos a copiar las líneas que deseamos, las cuales obtendremos utilizando otras herramientas.
Para poder ver el código HTML lo más recomendable es utilizar una aplicación simple, lo más simple posible, ya que no vamos a modificar casi nada, y otras aplicaciones más completas pueden llegar a saturar la pantalla de elementos que no necesitamos utilizar. Es por eso que bastará con emplear el Bloc de Notas o el WordPad, ambos vienen incluidos en el sistema operativo Windows XP y Windows Vista, también le pueden interesar las aplicaciones Notepad++ o UltraEdit32, un poco más potentes, pero editores básicos de texto al fin y al cabo, o cualquier otra aplicación del grupo de Editores de Texto. Todos los sistemas operativos incluyen un sencillo editor de texto entre sus aplicaciones.
No es recomendable utilizar Microsoft Word, Excel, PowerPoint, Macromedia Dreamweaver, Microsoft Front Page, o herramientas más complejas que, o bien no sirven para abrir HTML o simplemente no son lo que necesitamos. No compliquemos lo que es sencillo.
Ejercicio:
Tiempo aproximado: 10-15 min.
Ver cómo están hechas las páginas web es muy fácil, ya que todos los navegadores incluyen la opción de Ver código fuente, es decir, ver el HTML con el que se ha hecho la página.
Esta opción se encuentra dentro del menú Ver / Código fuente, o pulsando las teclas Ctrl.+U (en Mozilla Firefox). Al pulsar esta opción se abre el código HTML en la aplicación que tenga configurada el navegador, habitualmente el Bloc de Notas o WordPad, aunque puede cambiarse por cualquier otra de las comentadas anteriormente.
Abra ahora las siguientes direcciones en su navegador y utilizando la opción de Ver código fuente, repase por encima el código e identifique los elementos HEAD y BODY. Recuerde que están indicados por las etiquetas <head>…..</head> y <body>…</body>. No se preocupe por el resto de código, lo verá más adelante.
http://www.seur.com
http://www.ayudafacturaplus.com
http://www.madrimasd.org
http://www.vueling.com
http://www.curvamoble.es
http://www.jaslen.com
Fíjese en estas líneas, que aparecen en la parte inferior del código HTML, en la web de Jaslen:
<script src=”http://www.google-analytics.com/urchin.js” type=”javascript”> </script> <script type=”text/javascript”> _uacct = “UA-3542355-1”; urchinTracker(); </script>Y estas otras, también antes de la etiqueta </body>, al pie de página de Cámara Valencia http://www.camaravalencia.com/formacion/:
<script type=”text/javascript”> var gaJsHost=((“https:” == document.location.protocol) ? “https://ssl.”:”http://www.”); document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”)); </script> <script type=”text/javascript”> var pageTracker = _gat._getTracker(“UA-4618191-1”); pageTracker._initData(); pageTracker._trackPageview(); </script>¿ Se fijó que Vueling utiliza Omniture en lugar de Google Analytics ?
Las líneas anteriores corresponden al código del programa de análisis de visitas, el cual instalaremos en el próximo capítulo.
Ejercicio:
Tiempo aproximado: 5 min.
Revise el código fuente de su página web, e identifique la parte de cabecera <HEAD> y cuerpo <BODY>.
Busque el código, al final de la página, del programa de análisis, que debe contener alguna línea con las palabras stats, counter, analytics, analisis, visitstat, countvisit, o similar. Si no lo encuentra, no se preocupe, en el siguiente capítulo aprenderá a instalarlo.
Comments Off on Un poco de HTML, lo justo. 
html
