Come creare una tabella in HTML

Autore: Mark Sanchez
Data Della Creazione: 28 Gennaio 2021
Data Di Aggiornamento: 1 Luglio 2024
Anonim
9- Tutorial HTML: Inserire una tabella
Video: 9- Tutorial HTML: Inserire una tabella

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. 1 Apri un semplice programma di elaborazione testi come Blocco note o WordPad su Windows o su Mac apri TextEdit.
  2. 2 Inserisci tutto il testo che vuoi vedere davanti alla tabella.
  3. 3 Definire l'uso di una tabella per un documento HTML inserendo il tag tabella>.

  4. 4 Premi Invio.

  5. 5 Immettere il tag per l'apertura della tabella delle righe utilizzando il tag tr>.
  6. 6Ricorda di costruire tutti gli elementi rimanenti da sinistra a destra.
  7. 7 Premi Invio.
  8. 8 Immettere un tag di inizio per l'intestazione della tabella utilizzando il tag th>.
  9. 9 Inserisci il titolo che desideri utilizzare per la prima colonna.
  10. 10 Immettere un tag di chiusura per l'elemento di intestazione della tabella utilizzando il tag /th>.
  11. 11 Premi Invio.
  12. 12 Ripetere i passaggi (disporre gli elementi in colonne da sinistra a destra).
  13. 13 Chiudi questa riga inserendo il tag / tr>.
  14. 14 Premi Invio.
  15. 15 Inizia un'altra riga con un altro tag tr>.
  16. 16 Premi Invio.
  17. 17 Immettere il tag dei dati della tabella utilizzando il tag td>.
  18. 18 Inserisci i dati della tabella che desideri includere in ogni campo.
  19. 19Lavorare da sinistra a destra, compilando i dati dalle colonne mostrate sopra.
  20. 20 Chiudere ogni input con il tag /td>.
  21. 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.
  22. 22 Chiudi ogni riga con un altro tag /tr>.
  23. 23 Ripeti ogni riga in basso oltre alle righe tr> e / td> fino a quando ogni riga è assemblata.
  24. 24 Chiudi la tabella con il tag /table>.
  25. 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.