HTML Editor

Edit and preview HTML code with live preview and syntax highlighting

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>Start editing to see your changes live.</p>
</body>
</html>

body {
    font-family: Arial, sans-serif;
    padding: 20px;
    background: linear-gradient(135deg, #0ea5e9 0%, #0f172a 100%);
    color: white;
    min-height: 100vh;
    margin: 0;
}
h1 { font-size: 2.5em; margin-bottom: 10px; }
p { font-size: 1.2em; opacity: 0.9; }

// Add your JavaScript here
console.log('Hello from the editor!');

Live Preview