Table Tutor-

Una Tabella e il gioco é fatto!









(YES,THIS TABLE IS A TABLE!)

I Tags delle Tabelle sono di gran lunga i tags più utili che ti capiterà di incontrare. Quando si tratta di impostare la pagina puoi fare praticamente tutto semplicemente usando questi tags. Qui di seguito ci sono alcuni esempi e di idee. Alcuni potrebbero esserti utili, altri sono lí come dimostrazione. Ma tutti ti mostreranno qualcuna delle possibilità che ti offrono i <TABLE> tags.

(Questa pagina é piuttosto colorata. Se non puoi vedere i colori allora sarebbe forse il caso di mandare in pensione quel povero browser che hai. Casualmente conosco un posto dove potrai trovarne uno più aggiornato a buon prezzo.)
Se riesci a leggere questo allora il tuo browser supporta i colori di tabella. Vai così!
Se leggi questo il tuo browser NON supporta i colori di tabella, mi spiace molto!

Ricordati qui trovi tutti i codici di colore che vuoi.

The Bill of Rights
Passed by Congress September 25, 1789.
Ratified December 15, 1791.

AMENDMENT I
Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.

AMENDMENT II
A well-regulated militia, being necessary to the security of a free State, the right of the people to keep and bear arms, shall not be infringed.

AMENDMENT III
No soldier shall, in time of peace be quartered in any house, without the consent of the owner, nor in time of war, but in a manner to be prescribed by law.


Mi sento un po' in colpa a tagliare qui questo testo per cui vi passo il link alla Costituzione degli U.S.A nella sua interezza.

Ecco qui la stessa tabella con tutti i bordi evidenziati per far meglio risaltare la struttura. Questo ti dovrebbe anche aiutare a scorrere il file sorgente facendo meno confusione.

The Bill of Rights
Passed by Congress September 25, 1789.
Ratified December 15, 1791.

AMENDMENT I empty1
text of Amendment I...

AMENDMENT II empty 2
text of Amendment II...

AMENDMENT III empty 3
text of Amendment III...


I feel guilty...

Ecco qui una scacchiera. Non utilissima, ma crearne una è un ottimo esercizio! in teoria sarebbe possibile utilizzarla con un javascript per giocare a scacchi con qualcun'altro sulla pagina Web.

 

 
Un'altro esempio un po' meno colorato della Costituzione.


The Bill of Rights
Passed by Congress September 25, 1789.
Ratified December 15, 1791.

AMENDMENT
I
   Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.
AMENDMENT
II
   A well-regulated militia, being necessary to the security of a free State, the right of the people to keep and bear arms, shall not be infringed.
AMENDMENT
III
   No soldier shall, in time of peace be quartered in any house, without the consent of the owner, nor in time of war, but in a manner to be prescribed by law.

Puoi creare grafici a barre semplicemente sfruttando i Table tags e alcuni punti colorati 2x2. Non é affatto difficile una volta fatto ed é facile da modificare. In più questa tecnica ti mette in condizione di fare cose che un'immagine normale non pò fare. Supponi di doverla cambiare molto spesso, o supponi che sia il risultato di uno script Java o CGI. Questa tecnica ti permette da sola di creare ottimi grafici "sul momento".

  Joe's Widget Mfg. Co. Inc.
Unit production January-June

RED WIDGETS       BLUE WIDGETS       TUNE-UP KITS
UNITS
in
thousands
150

100

50

0

     
     
     
     
     
     
    JAN FEB MAR APR MAY JUN


Questo é di grande effetto. E' un po' rognoso da creare inizialmente ma poi è estremamente rapido da aggiornare se sei un minimo sveglio e pratico di codici HTML.

Punch Gran Cru Honduras
Cigar           Length Ring Wrapper Box of Price Single
Britania 6.25 50 Natural 25 96.75 4.55
Diademas 7.25 54 Natural 25 102.50 4.80
Monarcas 6.75 48 Natural 10 57.00 6.40
Prince Consort 8.5 52 Natural 10 48.00 5.65
Robusto 5.25 50 Maduro 20 75.00 4.40
Robusto 5.25 50 Natural 20 75.00 4.40
Superior 5.5 48 Natural 25 86.50 4.05