Zed-King Institute

    HTML, CSS & JavaScript Editor

    Free · Live preview · No login

    Write HTML, style it with CSS, add JavaScript — and watch the page change as you type. Built for NIELIT O Level M2 & PR-2 and anyone learning web design.

    Free Editor Practice Questions
    1

    Write your code

    2

    Live preview

    updates as you type
    Practice Questions — HTML / CSS / JSA new question every time, checked instantly. Easy, medium and hard levels.

    How to Use This HTML Editor

    1. Write your page structure in index.html — headings, paragraphs, tables, forms, images.
    2. Switch to style.css to add colours, fonts, spacing and layout.
    3. Use script.js to make the page respond — button clicks, calculations, changing text.
    4. The Live Preview updates on its own. Pick something from Examples to see a working page.
    5. Press Download .html to save one file you can open in any browser, or Share code to send it on WhatsApp.

    What to Practice for O Level M2 (Web Designing)

    The NIELIT O Level M2-R5.1 Web Designing and Publishing practical asks you to build small pages by hand. The topics that come up again and again are:

    • Tables with rowspan, colspan, borders and captions
    • Forms with text, email, password, radio, checkbox, dropdown and submit
    • Ordered and unordered lists, nested lists and list types
    • Links, images, and simple multi-section layouts
    • CSS selectors, colours, box model, and Flexbox layouts
    • JavaScript: events, getElementById, calculations, form validation

    Every one of these is in the Examples menu — load one, change it, and see what happens.

    Frequently Asked Questions

    Is this HTML, CSS and JavaScript editor free?

    Yes. It is free, needs no login and has no usage limit. Your page is built and shown inside your own browser, so nothing is uploaded to a server.

    Does the preview update automatically?

    Yes. The preview refreshes about half a second after you stop typing, in any of the three tabs. JavaScript runs again each time the preview refreshes.

    Can I write a complete HTML document with <html>, <head> and <body>?

    Yes. If your HTML tab contains a full document, the CSS tab is added inside its <head> and the JavaScript tab just before </body>. If you only write body content, the editor wraps it in a document for you.

    How do I save my web page?

    Press Download .html. You get one file with your HTML, CSS and JavaScript combined, which opens in any browser. The editor also remembers your last work on this device.

    Is this useful for NIELIT O Level M2 and PR-2?

    Yes. The O Level M2-R5.1 (Web Designing and Publishing) practical asks for exactly this — tables, forms, lists, CSS styling and small JavaScript programs. Practice here, then attempt our free PR-2 practical mock test.

    Why does alert() or a form submit behave differently?

    The preview runs in a secure sandbox. alert(), confirm() and forms work, but the page cannot open new windows or access your files — that keeps a mistake in your code from affecting this site.