HTML Editor Internal

Tools HTML Editor Online

Fungsi : Untuk melihat wujud dari kode yang kalian pasang di kotak form dibawah, dan klik Generate. Maka hasil dari kode tersebut akan terbentuk. Contohnya ada dibawah !!!
Undo = Ctrl+Z Redo = Ctrl+Y

INPUT KODE Harap koreksi kode yang anda input! jika hasil tidak sesuai	HASIL #document<html><head></head><body></body></html></html>

Contoh + Tutorial Penggunaan

=> Jika ingin menambahkan kode CSS, tambahkan kode <style type="text/css"> terlebih dahulu, dilanjutkan kode CSS-nya, dan ditutup kode </style>

=> Cobalah Copy kode dibawah ini, dan paste di kotak form kiri diatas !

<html> <head> <link href="http://fonts.googleapis.com/css?family=Ubuntu|UnifrakturMaguntia|Droid+Serif" rel="stylesheet" type="text/css"></link> <title>by Zona Hentongerz</title><style type="text/css">p { color:#000; font-family:UnifrakturMaguntia,Arial,Tahoma,Helvetica,FreeSans,sans-serif; font-weight:bold ; font-size:16px; } a{color:#000; text-decoration:none;} a:hover,a:visited {color:#FF0000; text-decoration:underline}</style></head> <body><span style="font-family:UnifrakturMaguntia"> Selamat Bereksperimen Di :</span><br /> <a href="http://zonahentongerz.blogspot.com/" target="_blank" title="Zona Hentongerz">Blogging, Tempat Download, Dan Lain-lain.</a> <canvas height="200" id="pane" width="300"></canvas> <script> var canvas = document.getElementById('pane'); var context = canvas.getContext('2d'); context.fillStyle = 'rgb(1, 148, 60)'; context.fillRect(10, 10, 55, 50); context.fillStyle = 'rgb(255, 191, 0)'; context.fillRect(30, 30, 55, 50); </script> </body> </html>

=> Klik Generate > Dan lihat hasilnya dibagian kanan. Seperti itulah tutorial HTML Editor Online, jika ingin Bereksperimen lebih, silahkan gunakan kode lain.

Get this Widget.

Zona Hentongerz