How to use this online HTML editor
- Type HTML, CSS and JavaScript in the three boxes. With Auto-run on, the result updates as you type; otherwise press Run or Ctrl + Enter.
- Messages from
console.log()and JavaScript errors appear in the Console under the result, with the line number in your code. - Tick Bootstrap 5 or jQuery 4 to load that library from its official CDN.
- Share link copies a link that contains your code. Download saves one
.htmlfile you can open in any browser. - Your code is saved automatically in this browser. Reset brings back the starter example.
Why practise in an online HTML editor
An online HTML editor lets you test an idea in seconds without installing anything – ideal for trying an example from a lesson, sharing a small demo with a friend or checking how a CSS property behaves. When your project grows, move to a code editor such as VS Code on your computer.
New to coding? Start with the free HTML, CSS and JavaScript tutorials, then come back here to practise. For reference, MDN’s HTML documentation explains every element.