Table Tutor- Lezione 1

Per adesso voglio che tu apra il Blocco Note (Si, il Blocco Note, hai capito bene!) e che tu segua pedissequamente quello che ti dico. Per iniziare copiati da qualche parte quello che segue su questa pagina:

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Salvalo come table1.html in una directory da qualche parte (quelli che usano Windows 3.x lo salveranno come table1.htm). Meglio ancora se gli assegni una sua directory dato che fra poco cominceremo a cacciarci dentro un sacco di roba. Accendi il tuo browser [scarica Netscape]. Usalo per aprire table1.html e fai girare il Blocco Note e il browser fianco a fianco. In questo modo sei in grado di scrivere codici HTML e di visualizzare quasi istantaneamente il risultato. Alcuni forse pensavano che fossero necessari 9 Mega di 'wizzard'.

Scrivi i tags di tabella. Questi significano semplicemente "qui comincia una tabella" e "qui finisce la tabella".

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
</TABLE>

</BODY>
</HTML>

Ogni tabella ha bisogno di perlomeno UNA riga.

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
<TR>
</TR>
</TABLE>

</BODY>
</HTML>

E ovviamente ogni riga necessita di perlomeno una cella di dati.

<HTML>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>

<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>

</BODY>
</HTML>

D'ora in poi, per semplificarci la vita, scriverò solo le istruzioni che riguardano le tabelle. Ometterò quindi HEAD, BODY, TITLE, etc.. D'ora in poi solo i TAGS. Inutile dire che sarebbe consigliabile lasciarli nei tuoi documenti.

<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>

Adesso ci serve qualcosa da mettere nella cella. Che ne dici di Ed? mettiamo Ed nella <TD> cell.

<TABLE>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>

Ottimo, da questo momento sei il fortunato possessore di una tabella con tutte le carte in regola! Aprila con il tuo browser e controlla! Se hai fatto tutto giusto dovrebbe somigliare a qualcosa del genere:

Ed    
     






Hehehehe. Scherzavo! come vedi mi diverto con poco. Questo è quello che hai creato...

Ed



Prendi un bel respiro, battiti una pacca sulla spalla e sii fiero di te stesso. Hai creato la tua prima tabella!

<--INDIETRO        AVANTI-->

Introduzione Lezione 1 Lezione 2 Lezione 3 Lezione 4 Lezione 5 Lezione 6 Lezione 7 Indice