Implement a table using html - html

Question

I have this template table :
How to implement this us table html (<tr> and <td>) ?
And if I have a dynamic data from a 2 database that mean for football in database 1 I have players in database 2 (note we suppose we have implemented a function to get from database I need only view) how to implement this?
Please show update figure for good understand :
For good understand my question like this function :
for(i = 0, i<2 , i++)
{
for(j = 1 , j< 5 , j++)
{ <table>
<tr> <td> i </td>
.......................
View :
0 1
1 2 3 4 1 2 3 4

Answer 1

Something like this maybe?
td{
border:1px solid black;
}
td[colspan="3"]{
text-align:center;
}
table{
border-collapse:collapse;
}
<table>
<tr><td colspan="3">Header1</td><td colspan="3">Header2</td></tr>
<tr><td>Item 1</td><td>Item 2</td><td>Item 3</td><td>Item 4</td><td>Item 5</td><td>Item 6</td></tr>
</table>
You can achieve it using the colspan attribute. By setting the colspan of the columns in the top row larger than those beneath, we can achieve the same effect.
For text-align:center, we can use the CSS selector td[colspan="3"].
To get rid of spaces between the columns, we use border-collapse:collapse.

Answer 2

try this:
<table border="1">
<tr>
<th colspan="3">Header One</th>
<th colspan="3">Header two</th>
</tr>
<tr>
<td>C1</td>
<td>C2</td>
<td>C3</td>
<td>C4</td>
<td>C5</td>
<td>C6</td>
</tr>
</table>
And this link can help you