¿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.

Python3

# 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

Python3

# 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

Python3

# 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.

Publicación traducida automáticamente

Artículo escrito por abhigoya y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *