HTML see how to do this complex table

 Let me say that HTML when you learn the courses will say to you to study with CSS and JavaScript. The JavaScript is the part is the programming, but is it the most important? Sometimes the coolest isn't the most important, we went to the internet to see documents, and this is HTML and CSS, because a book needs also to the content the papers for the pages, and JavaScript is like you do the coolest book for kids that the kid has a book that is a toy to play, the most important for a book is could play with? No, is the learning, the information, the history that we read. 

Here is the complex table and below the explanation of the spans to do it

You could get lost if you think that we have only one expansion in the first row (tr), we have expansion in each cell (td), 

1st cell - expansion of row (2)

2nd cell -     "         "    "    (2)

3rd cell -     "          "    column(2)

4th cell -     "          "   row (2)

And the other trick on that table is:

That 2 cells in turquoise-blue (nota1 e nota 2) is a row of only two cells, so we gonna put one row for these two lonely cells.

What gonna happens the expansion of rows of the cells-1st and 2nd will push this row(the second row) to be under the third cell(that has a column expansion to receive two cells (from the row that is under) and the row expansion of the 4th cell will fill the hole that could appear. 

And after the expansions are simple:

the green row has a row expansion of 2 in the 1st cell

the lines yellow, light purple and purple are commons rows with one less cell to all fit

the darker violet and brown rows have the 1st cell an expansion of 4 columns and an only more one cell

and the light violet row is like the green with the first cell now with an expansion of 2 rows

and the row that is dark green is like the rows yellow, dark and light purple a common row only with this a cell less to all fit.

In that scheme, the colour is to separate the rows, same colour same row.

Rute Bezerra de Menezes Gondim