Online HTML Compiler
HTML Editor
Run Code
<!DOCTYPE html> <html> <head> <title>My Page</title> <style> body { font-family: Arial; text-align: center; padding: 20px; } h1 { color: #2c3e50; } .box { width: 100px; height: 100px; background: #3498db; margin: 20px auto; transition: all 0.3s; } .box:hover { transform: rotate(45deg); background: #e74c3c; } </style> </head> <body> <h1>Hello, World!</h1> <div class="box"></div> <button onclick="alert('Button clicked!')">Click Me</button> <script> console.log('JavaScript is working!'); </script> </body> </html>
Output
Result
Source