A Sbafo! Tutto per il web gratis e in italiano...

AVVISO

   Aggiungi ai preferiti  

:: Sei qui: Home > Manuali > Indice generale dei manuali - HTML - Manuale di programmazione - pagina 8
Indice di questo manuale Indice di tutti i manuali Area download

HTML - Manuale di programmazione

Manuale scritto da Rosario Zappalà nel mese di aprile 2002

TESTI E MANUALI

Copyright© Rosario Zappalà - Testi e Manuali™ 2002
Sono vietate la riproduzione, la pubblicazione e la distribuzione anche parziale del presente manuale
senza il consenso scritto dell'autore.

Visita il sito dell'autore


Le tabelle

Se avete studiato con attenzione questo manuale, sarete ora in grado di costruire in maniera più professionale la vostra pagina web. Questo non vuol dire che siete in grado di sviluppare un sito con tutti gli accorgimenti per essere considerato un buon sito, avete ancora tanto da imparare.

Abbiamo parlato di testo e di immagini, ma nel momento in cui deciderete di usufruire di entrambe le cose, vi accorgerete che il risultato non sarà esattamente ciò che desiderate, cioè un complesso armonico nella lettura e nella grafica, ma un insieme di frasi e immagini poste in maniera disordinata, difficile o faticoso da interpretare. Per porre rimedio a quanto detto si deve ricorrere alle tabelle.

Una tabella è una griglia composta da righe e colonne, perfettamente formattabile in tutti i suoi aspetti (colori, dimensioni, stile, ecc...), dentro la quale è possibile inserire in maniera perfettamente ordinata testo ed immagini. Io vi fornisco la teoria e del codice che volendo potrebbe essere utilizzabile, quello che non vi fornisco è l'esempio grafico delle tabelle, perchè sono convinto che dovrete essere voi ad ottenerle, magari copiando il codice, vi servirà oltretutto per imparare ad utilizzare il vostro editor html. Sotto un unico esempio di tabella composta da due righe e due colonne:

Ora vediamo come si realizza una tabella, il tag da utilizzare è <TABLE> e prevede almeno altri tre tags per essere utilizzabili: <TR> <TD> e l'attributo BORDER che si trovano annidati tra il codice che costituisce la tabella e che suddividono rispettivamente la tabella in righe e colonne, mentre BORDER specifica lo spessore del bordo della tabella da un valore minimo di 0 (zero).

Vediamo sotto un esempio di codice che permette la realizzazione di una tabella:

<table border="1">

   <tr>

     <td> Contenuto della tabella </td>

   </tr>

</table>


Se volessimo creare una tabella con due celle, allora utilizzeremo i tags sopra descritti nel seguente modo:

<table border="1">

   <tr>

     <td> cella alta di sinistra </td><td> cella alta di destra </td>

     </tr>

     <tr>

     <td> cella bassa di sinistra </td><td> cella bassa di destra </td>

   </tr>

</table>


Quello che abbiamo visto è il codice per ottenere delle tabelle regolari, spesso capita però di avere bisogno di tabelle dalla struttura irregolare, come ad esempio quella che restituisce il codice che segue grazie all'attributo colspan che unisce due o più celle di una stessa riga, cambiando il valore da 2 a 3 e via dicendo:

<table border="1">

   <tr>

     <td> cella alta di sinistra </td><td> cella alta di destra </td>

     </tr>

     <tr>

     <td colspan="2"> Due celle unite in basso </td>

   </tr>

</table>


Sotto un altro esempio di tabella dalla struttura irregolare, questa volta ad essere unite saranno due celle di diverse righe, l'attributo utilizzato è rowspan e segue le regole di colspan:

<table border="1">

   <tr>

     <td rowspan="2"> Due celle unite in colonna </td><td> cella alta di destra </td>

     </tr>

     <tr>

     <td> cella bassa di destra </td>

   </tr>

</table>



Torna alla pagina precedente Vai alla pagina successiva
Pagina precedente Pagina successiva
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

Registrazione dominio, spazio illimitato, 5 caselle di posta, a soli 24,79 euro all'anno iva inclusa.

www. .

Questo sito è ottimizzato per Explorer 5.0 o superiore, Java compatibile. Alcune delle applicazioni presenti potrebbero non essere supportate da Netscape© o da sistemi operativi diversi da Microsoft© Windows. Tutti i marchi citati sono di proprietà dei loro legittimi autori.

Webmaster: Seatiger Team