Membuat Tampilan HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>HTML & CSS Live Editor</title>
<link rel="stylesheet" href="inc/style.css">
<link rel="stylesheet" href="inc/codemirror.css">
<link rel="stylesheet" href="inc/simple-hint.css">
<script type="text/javascript" src="inc/codemirror.js"></script>
<script type="text/javascript" src="inc/javascript.js"></script>
<script type="text/javascript" src="inc/css.js"></script>
   <script type="text/javascript" src="inc/xml.js"></script>
   <script type="text/javascript" src="inc/htmlmixed.js"></script>
 <script type="text/javascript" src="inc/simple-hint.js"></script>
   <script type="text/javascript" src="inc/zen_codemirror.js"></script>
    <script type="text/javascript" src="inc/swfobject.js"></script>
</head>
<body>
<div class="background">
<h1><a href="http://www.nurulimam.com" id="judul">&lt;!-- Nurul Imam Tools --&gt;</a></h1>
<div id="alat">
<div id="code">
<h2>Code</h2>
</div>
<div id="demo">
<h2>Preview</h2>
</div>
</div>
<div class="bersih"></div>
</div>

<div id="ide">
<div id="editor">
<div class="lebar">
<textarea name="" id="editor-area" cols="30" rows="10"></textarea>
</div>
</div>
<div id="preview">
<div class="lebar">
<iframe src frameborder="0" id="preview-area"></iframe>
</div>
</div>
</div>

<script type="text/javascript">
      var delay;
      var editor = CodeMirror.fromTextArea(document.getElementById('editor-area'), {
        mode: 'text/html',
        tabSize:8,
        indentUnit:8,
        matchBrackets: true,
        lineNumbers:true,
        onChange: function() {
          clearTimeout(delay);
          delay = setTimeout(updatePreview, 300);
        },
        onKeyEvent: function() {
            return zen_editor.handleKeyEvent.apply(zen_editor, arguments);
      }
      });

      function updatePreview() {
        var previewFrame = document.getElementById('preview-area');
        var preview =  previewFrame.contentDocument ||  previewFrame.contentWindow.document;
        preview.open();
        preview.write(editor.getValue());
        preview.close();
      }
      setTimeout(updatePreview, 300);
</script>
</body>
</html>