Autore:
Mark Sanchez
Data Della Creazione:
28 Gennaio 2021
Data Di Aggiornamento:
1 Luglio 2024
![9- Tutorial HTML: Inserire una tabella](https://i.ytimg.com/vi/P85SeGKNnt0/hqdefault.jpg)
Contenuto
È abbastanza difficile creare una tabella in HTML. Ma con i passaggi descritti in questo articolo, dovresti essere in grado di crearne uno per il tuo sito.
Passi
1 Apri un semplice programma di elaborazione testi come Blocco note o WordPad su Windows o su Mac apri TextEdit.
2 Inserisci tutto il testo che vuoi vedere davanti alla tabella.
- 3 Definire l'uso di una tabella per un documento HTML inserendo il tag tabella>.
- 4 Premi Invio.
5 Immettere il tag per l'apertura della tabella delle righe utilizzando il tag tr>.
- 6Ricorda di costruire tutti gli elementi rimanenti da sinistra a destra.
7 Premi Invio.
8 Immettere un tag di inizio per l'intestazione della tabella utilizzando il tag th>.
9 Inserisci il titolo che desideri utilizzare per la prima colonna.
10 Immettere un tag di chiusura per l'elemento di intestazione della tabella utilizzando il tag /th>.
11 Premi Invio.
12 Ripetere i passaggi (disporre gli elementi in colonne da sinistra a destra).
13 Chiudi questa riga inserendo il tag / tr>.
14 Premi Invio.
15 Inizia un'altra riga con un altro tag tr>.
16 Premi Invio.
17 Immettere il tag dei dati della tabella utilizzando il tag td>.
18 Inserisci i dati della tabella che desideri includere in ogni campo.
- 19Lavorare da sinistra a destra, compilando i dati dalle colonne mostrate sopra.
20 Chiudere ogni input con il tag /td>.
- 21 Ripeti per tutti i dati della tabella che hai.
- Per le celle in cui non è necessario inserire nulla, immettere td> e td> e niente in mezzo. Questo sarà molto utile per i campi tra altri due campi.
- Per le celle in cui non è necessario inserire nulla, immettere td> e td> e niente in mezzo. Questo sarà molto utile per i campi tra altri due campi.
22 Chiudi ogni riga con un altro tag /tr>.
23 Ripeti ogni riga in basso oltre alle righe tr> e / td> fino a quando ogni riga è assemblata.
24 Chiudi la tabella con il tag /table>.
25 Inserisci il seguente testo HTML di cui hai bisogno per il resto del documento.
Consigli
- Rientro da ogni riga in modo che tu possa capire cosa stai cercando di fare nel tuo codice.
Avvertenze
- Se si inseriscono accidentalmente troppe colonne di dati in cui non è presente l'intestazione della tabella, verranno comunque visualizzate, ma sembreranno un po' sciocche e il lettore non capirà a cosa servono queste informazioni.
- La creazione di tabelle su una pagina HTML è un processo complicato da comprendere. Innanzitutto, esercitati sui dati esterni per vedere come appaiono, quindi sfoglia e posiziona la nuova tabella al suo posto.
- È meglio lasciare il codice della tabella HTML a programmatori HTML avanzati. Tuttavia, dopo aver seguito queste istruzioni, anche tu diventerai uno di loro.