El lenguaje HTML

Como ya se ha dicho, este lenguaje estructura documentos. La mayoría de los documentos tienen estructuras comunes (títulos, parrafos, listas...) que van a ser definidas por este lenguaje mediante tags. Cualquier cosa que no sea una tag es parte del documento mismo. Este lenguaje no describe la apariencia del diseño de un documento sino que ofrece a cada plataforma que le de formato según su capacidad y la de su navegador (tamaño de la pantalla, fuentes que tiene instaladas...). Por ello y para no fustrarnos, no debemos diseñar los documentos basándonos en como lucen en nuestro navegador sino que debemos centrarnos en proporcionar un contenido claro y bien estructurado que resulte fácil de leer y entender. 

HTML tiene dos ventajas que lo hacen prácticamente imprescindibles a la hora de diseñar una presentación web: Su compatibilidad y su facilidad de aprendizaje debido al reducido número de tags que usa. Básicamente, los documentos escritos en HTML constan del texto mismo del documento y las tags que pueden llevar atributos. Esto llevado a la práctica, vendría a ser: texto afectado La tag del principio activa la orden y la última (que será la del principio precedida del signo /) la desactiva. No todas las tags tienen principio y final pero esto lo veremos más adelante. Editores Estos documentos o páginas web pueden ser creadas:

• Directamente el código HTML con un procesador de texto plano, como el mismo Bloc de Notas de Windows. 

• Utilizando un programa WYSIWYG de creación de páginas como Adobe GoLive, Macromedia Dreamweaver, NVU o Microsoft Frontpage. 

• Utilizando lenguajes de programación del lado del servidor como ASP.NET, JSP, PHP, Perl, etc para generar la página web.

• Usando un sistema CMS (Web Content Management System) que permite separar el contenido del diseño y que permite al diseñador generar solamente las plantillas, de modo que el contenido sea administrado en un área separada. Algunos sistemas CMS son el PhpNuke, Plone y Mambo. Todos los navegadores dan la opción de editarla (Menú ver / Código fuente). Si visita otras páginas y visualiza su código fuente encontrará similitudes en la forma en que están organizadas las páginas y en las tags utilizadas. 

HTML ignora todos los espacios en blanco. Una vez guardado convierta la extensión de texto por la extensión html o htm (en los sistemas DOS). El HTML consta de una serie de etiquetas que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Macromedia Dreamweaver. Con estas herramientas no es absolutamente necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.

Fundamentos Un correcto diseño web implica conocer cómo se deben utilizar cada una de las etiquetas permitidas en HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. La web semántica, por otra parte, aboga por un uso lógico de las etiquetas según el significado para el que fueron concebidas. Por ejemplo se utilizará la etiqueta

para marcar párrafos, y para tabular datos (nunca para disponer visualmente los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.