поставим html страницу готова

                        
<script language = "JavaScript">

<!--// 

var tfilled = "false"

var cellToFormat = 0;

var cellVsHeader = "Cell ";

var oldTable = "";

img1=new Image()

img1.src="images/up.gif"

img2=new Image()

img2.src="images/down.gif"

{

}

function addTablesCreater2(oldForm, newForm, value)

{

addTable = "";

bod = newForm.tableBorders.value;

row = newForm.RowsTable.value;

col = newForm.ColsTable.value;

spc = newForm.cellSpacing.value;

pad = newForm.cellPadding.value;

bcl = newForm.backColor.value;

twd = newForm.tableWidth.value;

var cellAlign = "";

var cellStart = 0;

{

}

if (newForm.cellAlign[0].checked == true)

{

cellAlign = "";

}

if (newForm.cellAlign[1].checked == true)

{

cellAlign = " ALIGN=\"left\"";

}

if (newForm.cellAlign[2].checked == true)

{

cellAlign = " ALIGN=\"right\"";

}

if (newForm.cellAlign[3].checked == true)

{

cellAlign = " ALIGN=\"center\"";

}

if (bcl)

{

bcl = " BGCOLOR=\"" + bcl + "\"";

}

for (var y=0; y<row; y++)

{

addTable+="<TR>\r\n";

for (var z=0; z<col; z++)

{

addTable += '<TD' + cellAlign + '>'; 

if (tfilled == "true")

{

addTable += newForm.tableData[cellStart].value

}

if (tfilled == "false")

{

addTable += "";

}

addTable += '</TD>\r\n';

cellStart += 1;			

}

addTable+="</TR>\r\n";

}

addTable = '<TABLE WIDTH="' + twd + '" BORDER=' + bod + bcl + ' CELLSPACING=' + spc + ' CELLPADDING=' + pad + '>\r\n' + addTable; 

{

}

addTable += "</TABLE>\r\n";

if (oldForm != "No Opener")

{

opener.addThisTable (opener.userInput, newForm, addTable)

}

if (oldForm == "No Opener")

{

newForm.standAlone.value = addTable;

oldTable = addTable;

}

}

if (window.location.search == "")



document.write("<FORM NAME='TablesCreater'><TABLE align=left width='800' border=5 cellpadding=2 cellspacing=1 bgcolor=#000000 background='../images/table.png'> " );



document.write("<TR><Th><FONT SIZE=2  color=red>Ширина таблицы:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='100%' name='tableWidth' style='background: 220000'></TD>");



document.write("<TD ROWSPAN='7' Align=center bgColor='#220000'><FONT SIZE=2><b>AURORA STYLE Tables creater v1.0</b></font><p><FONT SIZE=1>&copy; 2013 by Tagaev Anarbek (AURORA STYLE)</font></td>");



document.write("<TR><Th><FONT SIZE=2  color=red>Окантовка таблицы:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='2' name='tableBorders' style='background: 66FF66'></TD></TR>");



document.write("<TR><Th><FONT SIZE=2  color=red>Цвет Фона:</Th><TD><INPUT TYPE='TEXT' SIZE='10' name='backColor' style='background: 66FF66'></TD></TR>");



document.write("<TR><Th><FONT SIZE=2  color=red>Расстояние между ячейками:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='cellSpacing' style='background: 66FF66'></TD></TR>");



document.write("<TR><Th><FONT SIZE=2  color=red>Пространство между ячейками:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='cellPadding' style='background: 66FF66'></TD></TR>");



document.write("<TR><Th><FONT SIZE=2  color=red>Колличество колонок:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='ColsTable' style='background: 66FF66'></TD></TR>");



document.write("<TR><TH><FONT SIZE=2 color=red>Количество строк:</Th><TD><INPUT TYPE='TEXT' SIZE='10' VALUE='4' name='RowsTable' style='background: 66FF66'></TD></TR>");



document.write("<TH COLSPAN='2'><FONT SIZE=2 color=red>Выравнивание текста в колонках:</font><br><INPUT TYPE='RADIO' NAME='cellAlign' CHECKED><FONT SIZE=2 color=red>Без выравнивания<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2 color=red>По левому краю<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2  color=red>По правому краю<br><INPUT TYPE='RADIO' NAME='cellAlign'><FONT SIZE=2 color=red>По центру</TH>"); 



document.write("<TD align=center><INPUT NAME='getHTML' TYPE='Button' VALUE='Создать HTML код' onClick='addTablesCreater2(\"No Opener\", this.form, value)' onMouseOver=style.color='red' onMouseOut=style.color='black'>&nbsp;&nbsp;<INPUT TYPE='RESET' VALUE='Сброс' onMouseOver=style.color='red' onMouseOut=style.color='black'><p><INPUT onclick=javascript:this.form.standAlone.focus();this.form.standAlone.select(); type='button' value='             Выделить все              ' onMouseOver=style.color='red' onMouseOut=style.color='black'></TD></TR>");



document.write('<tr><TD COLSPAN=3><CENTER><TEXTAREA NAME="standAlone" ROWS="8" COLS="72" style="background: 66FF66; font-family:Verdana">Здесь будет выведен HTML код таблицы.</TEXTAREA></td></tr>');



document.write("</TR></TABLE></FORM>");

</script>