Estendere righe e colonne è una tecnica utilizzata spesso per inserire intestazioni che attraversano righe o colonne. Si utilizzano gli attributi ROWSPAN e COLSPAN in un tag <TH> o <TD>. Un esempio di questi tag è visibile nella seguente tabella:
| <table border=1 width=200 height=200> <tr> <td colspan=2 bgcolor=red></td> </tr> <tr> <td rowspan=2 bgcolor=yellow></td> <td></td> </tr> <tr> <td></td> </tr> </table> |
| |||||
Il primo passo, quando si è deciso di estendere righe o colonne, è quello di fare uno schizzo della tabella su carta. Ora che conoscete le sezioni principali, dovete determinare quante righe o colonne sono richieste da ciascuna. Prendendo in considerazione la tabella precedente osserviamo che la prima cella (A) si estende in due colonne. Dunque l'attributo di questa cella sarà COLSPAN=2. Il tag TR finirà con una sola cella. Nella riga successiva osserviamo che la cella si estende in due righe (chiamiamola B), dunque il suo attributo sarà ROWSPAN=2. Inseriremo poi la seconda cella della riga (C). Nella terza riga dovremmo inserire la cella (D) che affiancherà a destra la cella B che si estendeva in questa riga. Naturalmente questa è la tabella più semplice che potevate incontrare ma potete crearne altre molto più complesse a seconda dell'esigenza.