CREARE E USARE TABELLE IN UNA PAGINA WEB

3928635619

Anche se si parla poco delle Tabelle esse sono usate dai WebMasters quasi in ogni Singola Pagina Web che Creano nei loro Siti. Esse non servono solamente per fare dei Listati di qualche tipo ma anche, e sono la maggior parte, per ottenere delle  formattazioni del testo molto particolari. Infatti l'HTML, prima dell'avvento dei Fogli di Stile (CSS) non aveva nessun comando particolare per controllare la disposizione del Testo in una Pagina Web e i WebMasters hanno usato e continuano a farlo ad utilizzare le Tabelle per disporre il Testo anche se queste non sono state create a questo scopo. Lo Fanno anche perchè per il momento i CSS, sebbene usarli sia professionale e più giusto, non sono supportati da tutti i Navigatori (Browsers). La creazione e la fine di una tabella si dichiara mediante il Comando:

<TABLE> </TABLE>

Il testo all'interno della tabella andrà inserito tra questi due TAG, ma non è sufficiente in quanto una Tabella è composta da Righe e Colonne e queste vanno dichiarate all'Interno di questi due comandi. Per dichiarare e concludere una nuova Riga vanno utilizzati i tag:

<TR> </TR>

mentre Il testo all'Interno di ogni cella andrà inserito tra i Tag:

<TD>Testo della Cella</TD>

Notare che all'Interno del testo di Ogni Cella si possono includere senza particolari limitazioni altri Comandi HTML.

Esiste anche un'altro Tag con cui si può dichiarare una speciale cella detta Cella d'Intestazione che apparirà sopra il corpo della Tabella come Titolo:

<TH>Titolo o Intestazione della Tabella</TH>

Ricapitolando ecco il Codice di una semplice Tabella di 2 Righe e 2 Celle:

<TABLE>

<TR><TD>Prima cella</TD><TD>Seconda cella</TD></TR>

<TR><TD>Prima cella</TD><TD>Seconda cella</TD></TR>

</TABLE>

Clicca qui Per Vederla

E' Possibile anche controllare la larghezza della Tabella mediante il parametro WIDTH e la Lunghezza mediante HEIGHT. E' Possibile specificare la larghezza dei contorni mediante BORDER.

Ecco il Codice di una Tabella di 640 Pixel di larghezza e 400 Pixel di Lunghezza con i Bordi larghi 10 Pixel:

<TABLE WIDTH=640 HEIGHT=400 BORDER=10>

...Testo e altri comandi di Riga e Cella 2x2...

</TABLE>

Clicca qui per vederla

Mediante il Parametro BGCOLOR si può impostare un colore di sfondo oppure mediante il parametro BACKGROUND un'Immagine di sfondo:

<TABLE BGCOLOR=RED>Etc...Etc...</TABLE>

Tabella con sfondo Rosso

<TABLE BACKGROUND="File Grafico di Sfondo">

...Etc...Etc...

</TABLE>

Tabella con Sfondo Lunare

E' Interessante sapere che si può impostare uno Sfondo e la larghezza di ogni cella impostando i stessi parametri all'Interno del Tag <TD> Visto prima:

<TABLE>

<TR><TD BGCOLOR=WHITE></TD><TD BGCOLOR=BLACK></TD></TR>

</TABLE>

Osserva questa Tabella