Come Creare una Tabella in HTML

Info sull'Autore

Creare una tabella in HTML può essere difficile, ma seguendo i passaggi elencati in quest'articolo imparerai a farne una per il tuo sito web.

Passaggi

1
Apri un semplice programma di testo come il Notepad o WordPad su Windows o, in un Mac, TextEdit.
2
Digita tutto il testo che vuoi che appaia prima della tua tabella.
3
Inserisci il tag HTML <table> per dire che vuoi cominciare a costruire la tua tabella (è il tag di apertura).
4
Premi Invio.
5
Scrivi <tr> per cominciare una riga (è il tag di apertura della riga).
6
Ricordati di costruire tutti gli elementi successivi da sinistra verso destra.
7
Premi Invio.
8
Scrivi il tag the <th> per cominciare a costrure la riga con le etichette che contraddistingueranno le colonne della tua tabella.
9
Digita il nome che vuoi dare all'etichetta della prima colonna.
10
Scrivi</th> per chiudere il tag con le etichette delle colonne.
11
Premi Invio.
12
Ripeti questo passaggio per inserire tutte le etichette delle colonne ricordandoti che le colonne e le rispettive etichette verranno create da sinistra a destra.
13
Chiudi la riga scrivendo il tag di chiusura </tr>.
14
Premi Invio.
15
Comincia una nuova riga scrivendo, ancora una volta, il tag di apertura della riga <tr>.
16
Premi Invio.
17
Scrivi <td> per cominciare a inserire i dati nella tua tabella.
18
Digita i dati che vuoi inserire.
19
Ricordati che, come prima, quello che inserirai comparirà nella tua tabella da sinitra a destra.
20
Una volta finito di inserire i dati chiudi la "Cella della tua tabella con un </td>.
21
Ripeti quest'operazione per ogni cella che vuoi creare.
- Se vi sono celle prive di contenuto scrivi semplicemente <td> e </td> senza niente nel mezzo.
22
Chiudi la riga con il tag </tr>.
23
Ripeti queste operazioni per ogni riga che vuoi creare inserendo <tr> e </td> e il contenuto delle righe fino a che la tua tabella non è completa.
24
Chiudi la tabella con il tag </table>.
25
Continua a digitare il codice HTML per il resto della tua pagina.

Pubblicità

Consigli

Crea dei rientri per ogni linea così riuscirai a leggere meglio il tuo codice.

Avvertenze

Se per sbaglio crei troppe colonne senza un'intestazione le vedrai visualizzate in ogni caso ma la tabella sembrerà strana e un generico lettore non riuscirà a capire a cosa si riferiscono i tuoi dati.
Creare una tabella in HTML può essere difficile per cui fai un po' di pratica con tabelle già esistenti, controlla i loro codici e poi sostituisci con il codice HTML che hai creato tu.
Sarebbe meglio lasciare che le tabelle e i loro codici fossero gestite da qualcuno che conosce bene l'HTML ma se hai seguito i passaggi elencati qui tu puoi consideranti almeno un coder principiante.