MakyHTML (1) - Introducción

Aun a sabiendas de que muchos que leeís este foro sois expertos webmaster, este curso básico de HTLM va dirigido a los villanos que comienzan a hacer sus pinitos en esto de las güebs. Ya que estamos liados con el tema aprovechemos la ocasión de hacer un repaso al mismo, intentando profundizar y explicar algunas novedades ya existentes en la versión HTML 3.2 y en la HTML 4.0.

Esto que irá saliendo en este foro por capítulos puede ser una pequeña guía de referencia y consulta, para llegar a comprender la estructura de los contenidos en este lenguaje. De entrada no te será necesario ningún softaware especial basta con tener un editor de texto. Podreís, leyendo lo que de ahora en adelante se irá publicando en este Foro de Villanos, conocer más a fondo esas etiquetas HTML que no te resulten tan familiares, comprobando su ubicación en la página mediante el editor que utilices. Sí cuando terminemos este cursillo quieres profundizar más en algunos aspectos que no se vean reflejados, puedes obtener información de primera mano en internet, conectándote a la web del W3 Consortium en la siguiente dirección URL http:/ /www.w3.org, donde encontrarás abundante y extensa información sobre todas las normas que afectan a internet (protocolos, normativas, propuestas de futuras normas, etc).

Introducción al lenguaje HTML

HTML son las siglas de Hyper-Text Markup Language o, lo que es lo mismo, Lenguaje Marcador de hipertexto. Está basado en el SGML (Standard Generalized Markup Language), que traducido al castellano significa Lenguaje Marcador Estándar Generalizado y que se regularizó y recopiló en la norma ISO Estándar 8879:1986.

El HMTL es un simple lenguaje de etiquetas ideado para crear documentos de hipertexto que se pueden transferir de una plataforma o sistema a otra plataforma o sistema. Consta de un conjunto de elementos, denominados etiquetas o marcas, que se utilizan para incluir texto, dibujos, tablas, cabeceras, etc. No es un lenguaje para dar formato a páginas o prepararlas como PostScript, tampoco se genera fácilmente desde nuestro programa favorito de tratamiento de textos -aunque versiones avanzadas de los procesadores más habituales ya incorporen estas prestaciones, como por ejemplo, Microsoft Word 97, Lotus WordPro, etc.-

La atención del HTML se concentra en el contenido del documento, no en su apariencia. La teoría fundamental, en la que se basa este lenguaje, es que la mayoría de los documentos tienen elementos comunes, por ejemplo, títulos, párrafos o listas, y si antes de comenzar a escribir un documento definimos un conjunto de elementos con los que éste cuenta, podremos etiquetar tales elementos y llamarlos con nombres apropiados y estándares. Después de etiquetar un documento según su estructura, podemos pasar a darle una serie de atributos y ciertas herramientas que ejecuten unas tareas, por ejemplo, elaborar un índice, notas al pie o referencias cruzadas. Así la mayoría de las etiquetas HTML se desdoblan en dos, una de comienzo y otra de fin, encontrándose el elemento al que caracterizan entre ambas.

Todas las etiquetas (tanto las de apertura como de cierre) comienzan con el símbolo < y terminan con el símbolo >. Las etiquetas de cierre tienen el mismo nombre que la etiqueta de apertura, pero van precedidas del símbolo /. Ejemplo: <etiqueta de apertura> elementos </etiqueta de cierre>

Una de las cosas a tener en cuenta es que estos documentos están diseñados para ser mostrados a través de los navegadores o visualizadores (browsers) de páginas Web en Internet, tales como Netscape, Mosaic o Microsoft Explorer, y no todos los visualizadores soportan todas las versiones del lenguaje HTML. El HTML ha sufrido una serie de mejoras y avances que se recogen en sus diferentes versiones, hasta el momento, la 1.0. (de 1983), la 2.0., la 3.0., la 3.2 y, por último, la 4.0.; esto habría que tenerlo muy en cuenta porque no todos los visualizadores van a poder interpretar y mostrar todas las etiquetas u órdenes que aquí se recogen. Los navegadores o visualizadores que son capaces de recoger prácticamente todas las nuevas mejoras de dicho lenguaje son Netscape Communicator 4.0. y Microsoft Explorer 4.0 o sus versiones posteriores.

El lenguaje HTML nos permite incluir y representar: hipertexto, correo electrónico (E-mail), documentación, hipermedia (video, audio), menús de opciones, búsqueda en Bases de Datos (BD), inserción de gráficos... elementos que estudiaremos más adelante.

Para el creador de páginas Web, la relación que hay entre el HTML y sus navegadores puede crear, a veces, una pequeña frustración. ¿Por qué?, pues bien, los navegadores para Web no sólo proporcionan las funciones de red para abrir documentos a través de Internet, sino que también sirven para aplicar estilos. Es decir, cuando se carga nuestra pantalla HTML, no tiene porqué aparecer con los mismos márgenes, estilos, tamaños, etc. diseñados por nosotros. En efecto, esta característica representa cierta molestia para escribir y diseñar nuestros documentos Web, pero esperemos que con el tiempo también se llegue a una estandarización de los visualizadores. Sin embargo, para que no todo sean desventajas, también podemos hablar de las ventajas que aporta este lenguaje frente a otros más sofisticados:

Con el lenguaje HTML se comienza de inmediato a obtener buenos resultados. De momento vete preparando un simple editor de texto. Es todo cuanto necesitas.