Editor HTML
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mi Página de Ejemplo</title> <style> body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; } h1 { color: #3498db; } img { max-width: 100%; height: auto; } </style> </head> <body> <h1>Bienvenido a Tronador</h1> <p>Escribe o pega tu código HTML en el área de texto de la izquierda.</p> <p>El resultado se mostrará en tiempo real en esta ventana.</p> <ul> <li>Diseño responsivo</li> <li>Colores optimizados</li> <li>Interfaz mejorada</li> <li>Exportación de HTML, PDF e imagen</li> <li>Control de zoom para mejor visualización</li> </ul> <h2>Ejemplo de imagen:</h2> <img src="https://picsum.photos/800/400" alt="Imagen de ejemplo aleatoria" width="800" height="400"> <p>Esta imagen se ajustará al ancho disponible y mantendrá su proporción.</p> </body> </html>
Actualizar Vista
Exportar HTML
Exportar PDF
Exportar Imagen
Reiniciar
Vista Previa