Passo 8
Adesso coloriamo le due celle centrali. Selezioniamo la prima e il programma ci presenta automaticamente le opzioni possibili. Scegliamo il parametro bgcolor e assegniamo il valore bgcolor="#ffff00" che corrisponde al colore Yellow – giallo.

Passo 9
Ripetiamo la stessa operazione con la seconda cella ed eseguiamo una Preview del nostro lavoro.

Passo 10
Copiamo la tabella appena creata subito sotto per ricavare una seconda tabella che modificheremo indicando una larghezza in percentuale: <table width="85%">.

Passo 11
Modifichiamo il colore delle celle centrali di questa seconda tabella portandoci sul tabulatore Tools della barra degli strumenti e selezionanto l'icona Colors che apre un selettore di colori. Scegliamo l'arancione.

Passo 12
Attiviamo un Preview della pagina e vediamo che la nuova tabella si è collocata esattamente sotto la prima e ne ha le stesse dimensioni.

Passo 13
Proviamo ora a restringere la finestra di Preview e vediamo che la tabella a dimensione fissa mantiene la propria larghezza ed esce oltre il bordo della finestra mentre la tabella a dimensione variabile si stringe mantenendosi sempre all'85% dello spazio disponibile.

Passo 14
Proviamo adesso a fare il contrario allargando la finestra di visualizzazione. Notiamo che la tabella a dimensione fissa rimane invariata e occupa solo una porzione della finestra, mentre quella a dimensione variabile si è allargata.

|