Lezione 6 - Corso Intermedio Html

Le Tabelle in Html


Tabelle

La Tabella non è altro che una griglia che al suo interno contiene delle caselle chiamate Celle. Le celle di una tabella sono distribuite secondo delle Righe e delle Colonne.

Il tag per formare una Tabella è:
<table> </table> (table - tabella)

Al suo interno formiamo una riga con una Intestazione di Riga:
<th> </th> (table heading - intestazione della tabella).

Per formare una Riga:
<tr> </tr> (table row - riga della tabella) una tabella può contenere una o più righe.

Per formare una Cella:
<td> </td> (table data - dati di tabella) che sarebbero i dati rappresentati in una cella.

In una riga ci possono essere una o più celle.
Ogni cella rappresenta una colonna.

Ora per rendere visibile la tabella che stiamo per creare gli darò un bordo. E' una cosa che ancora non sappiamo ma non vi preoccupate perché è un'argomento che tratteremo tra quache lezione, ed esattamente alla Lez.9 Introduzione ai CSS.
<html>                          
 <head>			    
  <title>Tabelle</title>       
 </head>
 <body>			    
    <h1>Tabelle.</h1>  
    <table border="1">
      <tr>
       <th>Colonna 1</th><th>Colonna 2</th>
      </tr>
      <tr>
       <td>uno</td><td>due</td>
      </tr>
      <tr>
       <td>tre</td><td>quattro</td>
      </tr>
      <tr>
       <td>cinque</td><td>sei</td>
      </tr>
    </table>
  </body>                
</html>                   
Dobbiamo notare che la grandezze delle celle prendono la grandezza del valore (il valore della cella non è altro ciò che scriviamo nella cella stessa) della cella più grande e va in automatico.

Quindi il numero di <tr> indicano il numero di righe di una tabella.
Il numero di <td> indicano il numero di colonne di una tabella.