Podział wiersza w tabeli

Cześć. Muszę Was prosić o pomoc gdyż nie umiem sobie dać z tym rady. Jak zrobić by w pierwszym wierszu były - dwie komórki ale zajmowały po 50% , daje width po 50% ale to nic nie daje .

<tr>
	<td colspan="4" style="background-color: brown">Komórka A1</td>
	<td style="background-color: blue">Komórka A2</td>
</tr>

<tr>
	
	<td style="background-color: brown">Komórka B1</td>
	<td style="background-color: blue">Komórka B2</td>
	<td style="background-color: brown">Komórka B3</td>
	<td style="background-color: blue">Komórka B4</td>
	<td style="background-color: brown">Komórka B5</td>
</tr>

Pomóc Ci powinno to -> kurs html :) Musisz zrobić więcej komórek i je scalić colspanem. Wiem że zakręcone ale to najprostszy sposób.

Masz gotowca:

<table>

		<tr>
    		<td colspan="5" style="background-color: brown">Komórka A1</td>
    		<td colspan="5" style="background-color: blue">Komórka A2</td>
		</tr>
 		<tr>
 			<td colspan="2" style="background-color: brown">Komórka B1</td>
    		<td colspan="2" style="background-color: blue">Komórka B2</td>
    		<td colspan="2" style="background-color: brown">Komórka B3</td>
    		<td colspan="2" style="background-color: blue">Komórka B4</td>
    		<td colspan="2" style="background-color: brown">Komórka B5</td>
		</tr>
 	</table>

https://stackoverflow.com/questions/19070782/split-html-table-odd-columns-to-even