Construcción de Interfaces HTML con Tkinter

Construcción de Interfaces HTML con Tkinter

Introducción

Tkinter es un kit de herramientas de interfaz gráfica de usuario (GUI) de Python que se utiliza para crear aplicaciones de escritorio. Es una interfaz de Python para el kit de herramientas de GUI Tk, que es un kit de herramientas de GUI multiplataforma gratuito y de código abierto.

HTML es un lenguaje de marcado que se utiliza para crear páginas web. Es un lenguaje de formato de texto que se utiliza para estructurar el contenido de una página web.

En este tutorial, aprenderemos a combinar HTML y Tkinter para crear interfaces web.

Requisitos

Para seguir este tutorial, necesitarás lo siguiente:

Python 3.8 o superior
El módulo tkinter

Instalando tkinter

Si no tienes instalado tkinter, puedes instalarlo con el siguiente comando:

pip install tkinter

Creando un entorno de desarrollo

Para crear un entorno de desarrollo, puedes utilizar un IDE de Python como PyCharm o Visual Studio Code.

Creando una interfaz HTML

Para crear una interfaz HTML, crearemos un archivo HTML con el siguiente código:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Mi interfaz web</title>
</head>
<body>
  <h1>Hola, mundo!</h1>
</body>
</html>

Este código crea un simple encabezado con el texto «Hola, mundo!».

Importando tkinter

Para importar tkinter, utilizaremos el siguiente código:

import tkinter as tk

Creando una ventana

Para crear una ventana, utilizaremos el siguiente código:

root = tk.Tk()

Este código crea una ventana vacía.

Cargando el archivo HTML

Para cargar el archivo HTML, utilizaremos el siguiente código:

web_page = tk.HTML(root)
web_page.pack()

Este código carga el archivo HTML en la ventana.

Ejecuta la aplicación

Para ejecutar la aplicación, utilizaremos el siguiente código:

root.mainloop()

Este código ejecuta la aplicación y la mantiene en ejecución hasta que el usuario cierre la ventana.

Ejemplo completo

El siguiente código muestra un ejemplo completo de cómo crear una interfaz HTML con Tkinter:

import tkinter as tk

def main():
  # Crea una ventana
  root = tk.Tk()

  # Carga el archivo HTML
  web_page = tk.HTML(root)
  web_page.pack()

  # Especifica el contenido del archivo HTML
  web_page.insert('body', """
    <h1>Hola, mundo!</h1>
    <p>Este es un ejemplo de una interfaz web creada con Tkinter y HTML.</p>
  """)

  # Ejecuta la aplicación
  root.mainloop()

if __name__ == '__main__':
  main()