Tabelle

Quella di strutturare i dati in modo tabulare è una cosa molto comune in HTML...

Cos'è una tabella

Una tabella è un insieme strutturato di dati fatto di righe e colonne:

Questa tabella è stata generata dal seguente codice:

Il tag <table> contiene una serie di righe <tr>, che a loro volta contengono delle celle <td>.

I tag <th> (table header) sono usati per definire la riga di intestazione della tabella.

All'interno di una cella è possibile inserire qualunque cosa: testo, immagini, o addirittura una tabella nidificata!

Didascalie

Per aggiungere la didascalia a una tabella:

Strutturare le tabelle

Tornerà utile quando parleremo dei CSS, avere un modo per riconoscere le varie parti di una tabella. A questo scopo esistono i tag:

• <thead>: per identificare l'intestazione della tabella
• <tfoot>: per identificare il piè di pagina della tabella
• <tbody>: per identificare i dati

Esercizio: Caccia e pesca

1. Una home page che rimanda a due sezioni: Caccia e Pesca
2. Ognuna delle due sezioni avrà un indice con un elenco (sotto forma di tabella) di dieci prodotti in vendita
3. Per ogni prodotto: una foto ridimensionata 200 x 200, il codice del prodotto, il nome del prodotto, una descrizione, il prezzo
4. La struttura delle cartelle dev'essere come nell'esempio: nota che le foto vanno messe in una cartella images

• [05 - Caccia e Pesca]
  • index.html
  • [caccia]
    • index.html
    • [images]
      • fucile.jpg
      • cartucce.jpg
      • cinturone.jpg
  • [pesca]
    • ...

• HTML