HTML代码实验室
实时预览与执行剪贴板中的HTML代码
HTML编辑器
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML实验室</title> <style> body { font-family: Arial, sans-serif; text-align: center; padding: 2rem; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); } h1 { color: #2c3e50; } .card { background: white; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); padding: 2rem; max-width: 500px; margin: 2rem auto; } </style> </head> <body> <div class="card"> <h1>欢迎使用HTML实验室</h1> <p>这是一个示例HTML代码，您可以替换为您自己的代码。</p> <p>尝试点击下面的按钮来运行或下载代码！</p> </div> </body> </html>
运行代码
从剪贴板运行
下载HTML
系统就绪 - 等待输入