Skip to content
Omni Academy
Search courses and lessons
Search
Courses
Backend Development
9
Databases
1
Frontend Development
5
Data Science
5
All courses →
Playground
HTML & CSS
JavaScript
TypeScript
Python
PHP
Ruby
Light
Dark
Auto
Sign in
Get started
All
Backend Development
Databases
Frontend Development
Data Science
Playground
Blog
HTML
JS
TS
PY
PHP
RB
← Courses
📄
A first page
Run as I type
Reset
▶
Run
Ctrl
↵
HTML
HTML & CSS source code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My first page</title> <style> body { font: 16px/1.6 system-ui, sans-serif; margin: 2rem; color: #16181d; } h1 { color: #2f5bd7; } </style> </head> <body> <h1>Hello from the playground</h1> <p> Edit the markup on the left and press <strong>Run</strong>. The result appears on the right. </p> <ul> <li>Try changing the heading text.</li> <li>Try adding a second paragraph.</li> <li>Try breaking it on purpose and see what the browser does.</li> </ul> </body> </html>
Output
Rendered by your browser