Come promesso, oggi procederemo con la creazione di una tabella html.

Le caratteristiche della tabella che andremo a creare saranno queste: la tabella avrà tre righe e tre colonne. Le dimensioni totali della tabella che andremo a creare saranno di 100px in altezza e 150px in larghezza. Lo spessore che inseriremo sarà pari a 1. Alla fine la tabella verrà più o meno così:

1°cella	2°cella	3°cella
4°cella	5°cella	6°cella
7°cella	8°cella	9°cella

Questa tabella si più creare semplicemente creare utilizzando i quattro tag visti nella 16° Lezione. Ecco quale è il codice in html che permette la creazione di questa tabella.

Come potrete certamente notare, per aprire la tabella abbiamo usato il tag table di cui avevamo già parlato, ma con una novità . Questo tag, infatti, è stato unito al tag border, al tag width e al tag height.

Questi tag si possono unire poiché riguardano tutti lo stesso soggetto, ovvero la tabella (table). Nella prossima lezione ci soffermeremo particolarmente a studiare questo metodo.

Parlando invece della nostra tabella, possiamo vedere che i tag che servono per la creazione delle righe (tr) e quelli per la creazione delle colonne (td), sono in qualche modo intrecciati tra loro.

Detto semplicemente, noi non facciamo altro che aprire il tag del rigo e inserire al suo interno tanti tag delle colonne, quante somo, appunto, le colonne che deve avere quello specifico rigo. Dentro al tag di ogni colonna, poi andiamo a scrivere il contenuto.

Il contenuto non deve per forza essere solo un testo, ma può anche essere un testo colorato, in grassetto, o anche un immagine o un collegamento, come nell’esempio di sotto.

link sito	numero visite
IceFox Software	5489

Nell’esempio di sopra, la tabella è stata create con sole due righe e sole due colonne, ma al suo interno è stato utilizzato carattere in grassetto, e anche un collegamento con la home page del nostro sito.

Lezione Precedente | Lezione Successiva

Tags: HTML