javascript で HTML 上に画像を並べる

画像が沢山あって HTML で表示したいけど,PHP とか良く分かんないし,HTML を生成するスクリプトだとファイルとスクリプトが二分されていてよろしくない.ということで,HTML に直接書き込める javascript に挑戦しました.こんな感じでいいみたい.

<html>
  <head>
  </head>
  <body>
    <table>
      <script language="JavaScript">
        <!--
          document.write ( "<tr>" );
          var i = 0;
          for ( i = 1; i < 9; i++ ) {
            document.write ( "<td>" );
            document.write ( "<img src='" + i + ".png'>" );
            document.write ( "</td>" );
          }
          document.write ( "</tr>" );
        // -->
      </script> 
    </table>
  </body>
</html>