I think it helps to try and visualise what you're doing.
So basically you always start with:
'drawing the table' [TABLE],
adding a row [TR] and then
*adding a column [TD].
This will put you at A1 in the table you're making. So this is where you put your image and text for the 1st 'cell'. When you're done, you need to
close the cell [/TD] then you move to the next column by opening
another column cell [TD] This is will be A2. Then like before, when you're done
close it [/TD] continue doing this to make columns and fill the top row of your table.
*When you're ready to start a new row you need to
close the row you've finished using [/TR], and then
add a new row using [TR],
*and then a column [TD] This will put you at B1. Then just do what you did before to fill out the row (indicated by the orange star) until you want to make a new row, at which you would do as you did (indicated by the purple star).
When you've put all the text and images into your table, you're ready to close it. Remember to close all 3 tags. So first you need to
close the column/'cell' [/TD], then
the row [/TR], and finally
the whole table [/TABLE]
This is how I see it in my head when Im making it
Here's coloured table code to give you an idea of what it would look like. Tags don't need a space between them.
[TABLE][TR][TD] A1 [/TD][TD] A2 [/TD][TD] A3 [/TD][TD] A4 [/TD][/TR][TR]
[TD] B1 [/TD][TD] B2 [/TD][TD] B3 [/TD][TD] B4 [/TD][/TR][TR]
[TD] C1 [/TD][TD] C2 [/TD][TD] C3 [/TD][TD] C4 [/TD][/TR][TR]
[TD] D1 [/TD][TD] D2 [/TD][TD] D3 [/TD][TD] D4 [/TD][/TR][/TABLE]
And this is how it will look
A1 | A2 | A3 | A4 |
B1 | B2 | B3 | B4 |
C1 | C2 | C3 | C4 |
D1 | D2 | D3 | D4 |