Applied Information Technology - IV. Sviluppo di pagine web: Basic HTML.
[Precedente] [Indice] [Successiva]

2.5) Tabelle

Una tabella è formata da righe (gli elementi orizzontali) e colonne (gli elementi verticali). L'intersezione di una riga con una colonna si chiama cella. Una cella può essere immaginata come una piccola pagina indipendente.
Ogni tabella deve avere almeno una riga e almeno una cella. Tutti i dati della tabella sono contenuti nelle sue celle, ad eccezione della didascalia.
Prima dovete dichiarare una riga e poi gli elementi di ogni colonna che si trovano in quella riga.
Tutto quello che può essere inserito in documento HTML può essere inserito in una cella, inclusa un'altra tabella.

<TABLE>Tabella</TABLE>

Descrizione: definisce le righe, le colonne e la didascalia di una tabella.
Tipo: tag contenitore.
Attributi: ALIGN, BGCOLOR, BORDER, CELLSPACING, CELLPADDING, CLASS, DIR, FRAME, ID, LANG, RULES, STYLE, SUMMARY, TITLE e WIDTH.


Attributi:

WIDTH
Non è possibile ridurre la larghezza di una tabella a un valore inferiore al minimo necessario per presentare le informazioni.
È possibile aumentare la larghezza per migliorare la leggibilità.
Le celle della tabella assumono la stessa larghezza delle parole più lunghe.
Impostate la larghezza come valore percentuale, perché i monitor non hanno la stessa risoluzione:
<TABLE WIDTH="50%">
SUMMARY
Fornisce una breve descrizione della tabella per i vocalizzatori.
ALIGN
Le tabelle non fanno parte del normale flusso di testi, che normalmente scorrono sopra e sotto la tabella e non al suo fianco. ALIGN permette al testo di essere a sinistra o a destra della tabella. Attributo deprecated.


Esempi di attributi:

BORDER="1" BORDER="1"
BORDER="1" BORDER="1"
BORDER="5" BORDER="5"
BORDER="5" BORDER="5"
BORDER="7" BORDER="7"
BORDER="7" BORDER="7"
CELLSPACING="1" CELLSPACING="1"
CELLSPACING="1" CELLSPACING="1"
CELLSPACING="5" CELLSPACING="5"
CELLSPACING="5" CELLSPACING="5"
CELLSPACING="10" CELLSPACING="10"
CELLSPACING="10" CELLSPACING="10"
CELLPADDING="1" CELLPADDING="1"
CELLPADDING="1" CELLPADDING="1"
CELLPADDING="5" CELLPADDING="5"
CELLPADDING="5" CELLPADDING="5"
CELLPADDING="10" CELLPADDING="10"
CELLPADDING="10" CELLPADDING="10"


Guardate i prossimi esempi con Explorer e con Netscape.

FRAME="BOX" FRAME="BOX"
FRAME="BOX" FRAME="BOX"
FRAME="VOID" FRAME="VOID"
FRAME="VOID" FRAME="VOID"
FRAME="ABOVE" FRAME="ABOVE"
FRAME="ABOVE" FRAME="ABOVE"
FRAME="BELOW" FRAME="BELOW"
FRAME="BELOW" FRAME="BELOW"
FRAME="HSIDES" FRAME="HSIDES"
FRAME="HSIDES" FRAME="HSIDES"
FRAME="VSIDES" FRAME="VSIDES"
FRAME="VSIDES" FRAME="VSIDES"
FRAME="LHS" FRAME="LHS"
FRAME="LHS" FRAME="LHS"
FRAME="RHS" FRAME="RHS"
FRAME="RHS" FRAME="RHS"
FRAME="VOID" FRAME="VOID"
FRAME="VOID" FRAME="VOID"


BGCOLOR="#FF0000" BGCOLOR="#FF0000"
BGCOLOR="#FF0000" BGCOLOR="#FF0000"


RULES="NONE" RULES="NONE"
RULES="NONE" RULES="NONE"
RULES="ALL" RULES="ALL"
RULES="ALL" RULES="ALL"
RULES="ROWS" RULES="ROWS"
RULES="ROWS" RULES="ROWS"
RULES="COLS" RULES="COLS"
RULES="COLS" RULES="COLS"
[Precedente] [Indice] [Successiva]
Per informazioni apweb@inwind.it - Ultima modifica 04-Jun-2002

Valid HTML 4.01!