Image Code Editor

Use the following image code editor to create image codes for your website. In HTML, images are created using the <img> tag. The HTML editor below creates this tag automatically when you use the button to create image codes.

Also check out the HTML Image Code Generator.

Understanding the Toolbar

If you have trouble understanding the buttons on the toolbar, just hover over the button - a tooltip will pop up.

In case you don't see the tooltip, here's what the icons stand for (in order of the icons):

  1. Insert Image
    Creates the image code required to display an image within the HTML page. You need to supply the URL of an image (eg, "http://yoursite.com/images/image_name.gif"). You can also use this editor to link your image so that users will be directed to another web page (or a larger version of the image) when they click on it.
  2. Source Code
    Displays the HTML code created by the generator.

About The Online HTML Editors

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