Image Code Editor

Trang chủ » Html Photo Editor » Image Code Editor

Có thể bạn quan tâm

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.

Sample image:

Photo of Milford Sound

Instructions:

  1. Click in this space where you want an image to appear (feel free to replace this text and/or the above image of course).
  2. Use the above toolbar create the image code. You will need the URL of the image (eg, http://yoursite.com/images/image_name.gif)
  3. Use the Source button to view the HTML code. You can then copy/paste the code into your own website or blog.

There, that's all it takes to generate HTML image code for your website!

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.

Từ khóa » Html Photo Editor