Создание таблицы с помощью javascript

Объект - некоторая абстракция, которой можно дать уникальное и осмысленное имя. Оно (имя) отделяет конкретный объект от других подобных абстракций. Каждый объект обладает уникальным набором свойств. Эти свойства называются атрибутами. Каждый экземпляр объекта описывается конкретным набором значений атрибутов.

Таблица является одним из объектов HTML, который обладает своими свойствами, методами, атрибутами. Для доступа к которым используют следующую конструкцию:
document.getElementById(“идентификатор”).свойство | метод([параметры])

Существует четыре дескриптора, с помощью которых можно определить различные области таблицы: описание, заголовок, тело и нижний колонтитул (соответственно: CAPTION, THEAD, TBODY и TFOOT).

Обратите внимание, в каком порядке идут эти элементы: сначала THEAD, затем TBODY и в конце TFOOT. Именно в такой последовательности браузер будет выводить содержимое этих элементов в независимости от того, как они будут расположены в коде.

Каждый этот элемент можно использовать неоднократно в пределах одной таблицы. В этом случае в коде лучше придерживаться правилам иерархической структуры, иначе браузер Вас может просто не понять и выдать Вам неожиданный результат.

Использование данных элементов на сегодняшний день, наверное, является больше «хорошим тоном программирования» и встречается в сложных структурах таблиц. Элементы THEAD, TBODY, TFOOT опускаются за ненадобностью, так как это не мешает нормальной работе браузера.

Border
Задаёт толщину границ таблицы.

Rules
Используется для управления отображения границ исключительно ячейками.
Различают пять значений свойства rules:

Frame – значение: строковая константа; доступ: чтение/запись
Используется для управления отображения сторон границы таблицы.
Различают девять значений свойства frame:

BorderColor – значение: строковое представление цвета; доступ: чтение/запись
Задаёт цвет отображения границы.

Cellspacing – значение: целочисленное; доступ: чтение/запись
Задаёт расстояние между ячейками.

Cellpadding - значение: целочисленное; доступ: чтение/запись
Определяет поле между краем ячейки таблицы и её содержимым.

Align –значение: строковая константа; доступ: чтение/запись
Предназначено для управления горизонтальным выравниванием таблицы относительно внешнего контейнера.

Различают три значения свойства align:

Bgcolor - значение: строковое представление цвета; доступ: чтение/запись
Задаёт цвет фона таблицы.

Height, Width – значение: целочисленное или длина строки; доступ: чтение/запись
Эти два свойства предназначены для хранения значений высоты и ширины, присвоенных элементу TABLE. Значение может приниматься как в пиксельном, так и в процентном соотношении.

Cells – значение: массив; доступ: только чтение
конструкция: document.getElementById(“идентификатор_таблицы”).cells
Возвращает массив, который содержит описание всех атрибутов, всех элементов TD таблицы.

function f()
{
var td_cells=document.getElementById("tbl").cells;
for (var i=0; i