Tool
Boxy
無料オンラインツール
EN
JA
KO
Tools
/
💻
Developer
/
Html Previewer
💻
Html Previewer
NEW
html · preview · render
split
preview
Copy HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> body { font-family: system-ui, sans-serif; padding: 24px; color: #1f2937; } h1 { color: #6366f1; } button { background: #6366f1; color: white; border: none; padding: 8px 16px; border-radius: 8px; cursor: pointer; } button:hover { background: #4f46e5; } </style> </head> <body> <h1>Hello, World!</h1> <p>Edit the HTML on the left to see a live preview.</p> <button onclick="alert('Hello!')">Click me</button> </body> </html>
Preview