¿Cómo usar HTML en Tkinter – Python?

Requisito previo: Tkinter

Python ofrece múltiples opciones para desarrollar GUI (interfaz gráfica de usuario). De todos los métodos GUI, Tkinter es el método más utilizado. Es una interfaz estándar de Python para el kit de herramientas Tk GUI que se envía con Python. Python con Tkinter es la forma más rápida y sencilla de crear aplicaciones GUI. Crear una GUI usando Tkinter es una tarea fácil.

En este artículo, aprenderemos cómo podemos usar etiquetas HTML en Tkinter. Aquí usaremos el módulo tkhtmlview .

El módulo tkhtmlview es una colección de widgets de Tkinter cuyo texto se puede configurar en formato HTML. Un widget HTML no es un marco de navegador web, es solo un analizador HTML simple y liviano que formatea las etiquetas utilizadas por la clase base Tkinter Text.

Instalación

pip install tkhtmlview

Lista de etiquetas HTML compatibles con tkhtmlview:

• a
• b
• hermano
• código
• división
• ellos
• h1, h2, h3, h4, h5, h6
• i
• imagen
• li, ul, ol
• Marcos
• pags
• pre
• lapso
• fuerte
• tu

Usaremos la clase HTMLLabel() para escribir etiquetas HTML

HTMLLabel() : Widget de cuadro de texto con apariencia de etiqueta

Sintaxis:

HTMLLabel(Object Name, html="ENTER HTML CODE")

A continuación se muestran algunos ejemplos para mostrar cómo usar HTML en la GUI de Tkinter.

Ejemplo 1: Use etiquetas de encabezado.

# Import Module
from tkinter import *
from tkhtmlview import HTMLLabel
 
# Create Object
root = Tk()
 
# Set Geometry
root.geometry("400x400")
 
# Add label
my_label = HTMLLabel(root, html="""
        <h1>GEEKSFORGEEKS</h1>
        <h2>GEEKSFORGEEKS</h2>
        <h3>GEEKSFORGEEKS</h3>
        <h4>GEEKSFORGEEKS</h4>
        <h5>GEEKSFORGEEKS</h5>
        <h6>GEEKSFORGEEKS</h6>
    """)
 
# Adjust label
my_label.pack(pady=20, padx=20)
 
# Execute Tkinter
root.mainloop()

Producción:

Ejemplo 2: Use etiquetas de anclaje, párrafo e imagen

# Import Module
from tkinter import *
from tkhtmlview import HTMLLabel
 
# Create Object
root = Tk()
 
# Set Geometry
root.geometry("400x400")
 
# Add label
my_label = HTMLLabel(root, html="""
    <a href='https://www.geeksforgeeks.org/'>GEEKSFORGEEKS</a>
     
 
<p>Free Tutorials, Millions of Articles, Live, Online and Classroom Courses ,Frequent Coding Competitions ,Webinars by Industry Experts, Internship opportunities and Job Opportunities.</p>
 
 
    <img src="gfg.png">
    """)
 
# Adjust label
my_label.pack(pady=20, padx=20)
 
# Execute Tkinter
root.mainloop()

Producción:

Ejemplo 3: use la etiqueta de lista y agregue un enlace a cada etiqueta

# Import Module
from tkinter import *
from tkhtmlview import HTMLLabel
 
# Create Object
root = Tk()
 
# Set Geometry
root.geometry("400x400")
 
# Add label
my_label = HTMLLabel(root, html="""
    <ul>
        <li><a href='https://www.geeksforgeeks.org/python-programming-language/'>Python</a></li>
        <li><a href='https://www.geeksforgeeks.org/c-plus-plus/'>C++</a></li>
        <li><a href='https://www.geeksforgeeks.org/java/'>Java</a></li>
    </ul>
    """)
 
# Adjust label
my_label.pack(pady=20, padx=20)
 
# Execute Tkinter
root.mainloop()

Producción:

Del mismo modo, podemos usar todas las demás etiquetas.