Online HTML Editor

This online HTML editor enables you to create HTML snippets for your website, blog, or email newsletter.

Use the toolbar to format the HTML page. When you're ready to see the code, click the Source button.

Not enough buttons? Need a whole web page? Try the full editor.

HTML & CSS Reference

  • Screenshot of HTML tags

    HTML Tags

    Full list of all HTML elements.

    This is an alphabetical list of HTML elements, linking to a full page of details for each element.

    All elements are based on the official HTML5 specification, and include usage notes, full attribute list, as well as links to the various specifications for each element (i.e. HTML4 spec, HTML5 spec, WHATWG spec).

    Go to HTML Tags
  • Screenshot of CSS Properties

    CSS Properties

    Full list of CSS properties.

    Alphabetical list of CSS properties as per the W3C specifications.

    CSS stands for Cascading Style Sheets. CSS is the standard way to style web pages.

    You can use CSS to set the style for a whole website in one place. CSS allows you to set colors, fonts, widths, heights, margins, padding, and much more.

    Go to CSS Properties
  • Screenshot of HTML codes

    HTML Codes

    Extensive list of copy/paste code examples. Copy and paste straight into your website, blog, or newsletter.

    Most examples include a live, interactive preview. Change the code on the fly and see how it looks before copying it.

    Go to HTML Codes


  • Screenshot of HTML code

    HTML Tutorial

    Free HTML tutorial that explains how to code in HTML.

    This tutorial explains what HTML elements and attributes are, and how to use them.

    I explain the basics, such as what you need in order to write HTML (hint: computer, HTML editor, web browser) and how to create your first web page.

    I then cover other HTML topics including tables, adding color, images, forms, image maps, iframes, meta tags, and more.

    I also explain the difference between HTML and CSS (and when to use each one).

    Go to HTML Tutorial
  • Screenshot of CSS code

    CSS Tutorial

    CSS stands for Cascading Style Sheets, and it is the standard way of styling web pages.

    You can use CSS within the document (or your email newsletter), and you can use it as a stand-alone file, that is referenced by the HTML document.

    CSS allows you to style any HTML element (or group of elements) in one place. It allows you to change an elements color, size, position, angle, visibility, and much more.

    CSS also allows you to provide styles for screen readers — which is an important consideration for accessibility.

    Go to CSS Tutorial
  • Screenshot of JavaScript code

    JavaScript Tutorial

    Add interactivity to your web pages with JavaScript.

    JavaScript is the standard scripting language for the web. It complements HTML and CSS perfectly. JavaScript provides functionality that HTML and CSS can't.

    This tutorial is for beginners, so no programming experience is required.

    Go to JavaScript Tutorial

Templates & Website Builder

  • Business 1 screenshot

    HTML Templates

    Free downloadable templates that you can use to start your website from.

    Responsive templates that automatically adjust their layout according to the screen size.

    Includes corporate, gallery, and portal style templates.

    Also fully customizable. Once you've downloaded a template, you're free to do whatever you want with it.

    Go to HTML Templates
  • Screenshot of sample website

    Website Builder External Site

    Website Builder is an online website builder by Quackit's partner site, Zappyhost.

    It's a template-based website builder, so you just choose a template, add your content, then publish.

    There's also a bunch of graphics that you can use, as well as social buttons, slideshow feature, and more.

    Hosting is included in the plan, and you can register your domain name at the same time (or transfer an existing one).

    If you're looking for a quick and easy way to create a website, check it out.

    Go to Website Builder

Desktop HTML Editors

While online editors can provide a quick and convenient way to generate HTML code, they do have their limitations.

If you need to do some serious web development work, you'll probably need an offline editor — one that you can download and use on your own desktop or laptop.

For a desktop HTML editor, try Brackets, KompoZer, SeaMonkey, CoffeeCup, or HTML-Kit.

About the HTML Editor on this Page

The above online HTML editor is known as "CKEditor", which can be downloaded from the CKEditor website. It is distributed under the GPL, LGPL, and MPL open source licences.