返回首页
OPC
gogogo
HTML 转换
24 行 / 852 字符
清空
重置示例
导出 PDF
100%
HTML 编辑器
支持 HTML + CSS + JS
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>示例页面</title> <style> body { font-family: sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; line-height: 1.8; color: #333; } h1 { color: #FF4400; border-bottom: 3px solid #000; padding-bottom: 8px; } .highlight { background: #FFE600; padding: 2px 6px; font-weight: bold; } .box { background: #FFFBEB; border: 3px solid #000; padding: 16px; margin: 16px 0; box-shadow: 4px 4px 0 #000; } button { background: #FF4400; color: white; border: 3px solid #000; padding: 10px 20px; font-weight: bold; cursor: pointer; box-shadow: 3px 3px 0 #000; } button:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #000; } </style> </head> <body> <h1>Hello World</h1> <p>这是一个<span class="highlight">HTML 转换器</span>示例。</p> <div class="box"> <p>粘贴你的 HTML 代码到左侧编辑器,右侧会实时预览效果。</p> <button>点击我</button> </div> </body> </html>
实时预览
iframe 沙箱渲染
Hello World
这是一个
HTML 转换器
示例。
粘贴你的 HTML 代码到左侧编辑器,右侧会实时预览效果。
点击我