HTML Compiler
Ready
HTML
CSS
JavaScript
<!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h1>Hello World!</h1> <p>Type HTML here and see instant results.</p> </body> </html>
body { font-family: Arial, sans-serif; padding: 20px; line-height: 1.6; } h1 { color: #e34c26; }
document.addEventListener('DOMContentLoaded', function() { console.log('Page loaded'); // Change heading color on click document.querySelector('h1').addEventListener('click', function() { this.style.color = '#' + Math.floor(Math.random()*16777215).toString(16); }); });
Live Output
All Compiler - HTML/CSS/JS
Line 1, Col 1