Agregar atributo a distintas celdas TD de una tabla

[Fernarey1810]

Estoy creando una tabla mediante javascript:

Código Javascript:

for (f = 0; f <= 5; f++){
    
    tabla.insertRow(f);
            
    for (c = 0; c <= 5; c++){
        tabla.rows[f].insertCell(c);                                    
    }                       
}
 

Lo que no se al crearla de esta manera es como agregarle los atributos:

Código HTML:

<tr>
        <td width="5" height="5"></td>  <!--POR EJ aca fila 0 el primer td tiene 2 atributos-->
        <td width="5"></td>
</tr>
 <tr>
        <td height="5"></td>                  <!-- POR EJ aca fila 1 el primer td tiene 1 atributo-->
        <td></td>
</tr>
 

INTENTABA HACERLO DE ESTA FORMA PERO ANDA MAL NOSE PORQUE

Código Javascript:

td1.setAttribute("width", "5");         td1.setAttribute("height", "5");
td3.setAttribute("height", "5");
 
for (f = 0; f <= 5; f++){
    tabla.appendChild(tr);
    
            
    for (c = 0; c <= 5; c++){
        
        if (c == 0 && f == 0) {
            tr.appendChild(td1);    
        }
        if (c > 0 && c <= 10) {
            tr.appendChild(td2);
        }
        if (c == 0 && f > 0) {
            tr.appendChild(td3);
        }               
                                    
    }
}
 

esta ultima forma agrega bien los atributos pero me crea mal la tabla, la arma mal