Introducción
Gracias a las aplicaciones HTML, los usuarios de Windows pueden desarrollar sus propias aplicaciones de forma rápida y sencilla, utilizando herramientas básicas como el Bloc de notas y sin conocimientos de programación en lenguajes complejos como C++.
En sucesivas entregas voy a tratar de explicar de la forma más clara posible y en profundidad cómo programar aplicaciones HTML, pero no así el lenguaje DHTML del cual sólo haré menciones específicas.
De todas formas esta guía pretende ser útil para todos los usuarios aunque quedaría como tarea de ellos incursionar con más profundidad en DHTML.
Aplicaciones HTML
Una aplicación HTML (HTML Application), es un archivo de texto plano escrito en lenguaje DHTML (HTML Dinámico), que se ejecuta en los sistemas Windows como si fuera una aplicación cualquiera gracias a una etiqueta especial, ubicada dentro del encabezado del documento HTML, que permite especificar el nombre, tamaño, botones de la ventana, icono, etc.
En resumen, una aplicación HTML puede ser escrita utilizando el Bloc de notas y posee todas las facilidades de los lenguajes HTML, CSS y scripts. Adicionalmente permite la utilización de contenido ActiveX, applets Java y cualquier contenido que pueda añadirse e interactuar en un documento HTML.
Estructura de un documento HTA
Una aplicación HTML se escribe en un documento de texto plano cuya extensión debe ser .hta y que debe respetar las convenciones de un documento HTML estándar.
Si bien esta no pretende ser una guía de HTML, a continuación se explica la estructura básica de un documento HTML:
• Un documento HTML comienza con la etiqueta <html> y termina con la etiqueta </html>.
• Dentro de estas etiquetas se encuentran el encabezado del documento, que contiene información y define propiedades del mismo, y el cuerpo del documento, que presenta el contenido visible del mismo.
• El encabezado se define entre las etiquetas <head> y </head>.
• El cuerpo del documento se define entre las etiquetas <body> y </body>.
Ejemplo:
aleantin dijo:
<html>
<head>
En esta área se escriben etiquetas propias del encabezado.
</head>
<body>
En esta área se escribe el contenido visible del documento.
</body>
</html>
El encabezado
Entre las etiquetas <head> y </head> se pueden escribir otras etiquetas y sus propiedades que definen características del documento, los formatos del contenido y rutinas de script.
Por el momento sólo se destacarán dos etiquetas. La primera es la etiqueta <title> y su correspondiente cierre </title>. Dentro de estos marcadores se escribe el título de la ventana.
La otra etiqueta que se analizará es la que establece las propiedades de la aplicación HTML: <hta:application>. Esta etiqueta por sí sola no define ningún atributo de la aplicación, para esto es necesario un conjunto de pares propiedad="valor" que se escriben dentro de la misma. Por ejemplo:
<hta:application maximizebutton="no" windowstate="maximize">
En la siguiente entrega se detallarán todas las propiedades de la etiqueta <hta:application> y sus posibles valores.
El cuerpo del documento
Entre las etiquetas <body> y </body> se escribe todo el contenido visible del documento: texto, imágenes, botones, listas, etc.
¡Hola Mundo!
Para finalizar esta entrega, se presenta el clásico ejemplo ¡Hola Mundo! el cual puede probarse ingresando el siguiente código en el Bloc de notas:
<html>
<head>
<title>Mi primera aplicación HTML</title>
<hta:application maximizebutton="no" windowstate="maximize">
</head>
<body>
¡Hola Mundo!
</body>
</html>
Luego se debe guardar el código en una carpeta cualquiera pero encerrando el nombre entre comillas para que tome la extensión .hta. Por ejemplo:
"holamundo.hta"
Ahora sólo queda abrir el Explorador de Windows, buscar la aplicación HTML antes guardada y ejecutarla haciendo doble click sobre su icono.
Contacto
Para que todos tengan acceso a las consultas, no las recibiré por MP, sólo en comentarios.
Espero que les haya gustado. Saludos.