Come fare una tabella con HTML

March 22

Le tabelle possono consente di visualizzare una serie di dati in formato HTML. I tag table sono progettati per rendere gruppi di informazioni un aspetto migliore e per consentire agli utenti di ottenere bordi intorno liste. Una tabella in HTML viene creato utilizzando diversi tag nel giusto ordine.

istruzione

1 Inizia con il tag <table>.

2 Successivamente, utilizzare <tr> per aprire una riga.

3 All'interno di <tr>, usare <td> per aprire una colonna.

4 Inserire il testo nella prima colonna. Quindi utilizzare </ td> per terminare la colonna e passare a quello successivo.

5 Utilizzare <td> per aprire la seconda colonna e immettere il testo. Quindi utilizzare </ td> e </ tr> per terminare la colonna e la tua fila. A questo punto, se si dispone di una riga con due colonne contenente il testo "Giugno" e "Luglio", il codice sarà simile a questa: <table> <tr> <td> Giugno </ td> <td> Luglio </ td> </ tr>.

6 Se si desidera una seconda fila, usare <tr> per aprire la riga e seguire le stesse istruzioni di tag dall'alto.

7 Quando il tavolo è fatto, utilizzare </ table> per chiuderla.

8 All'interno della struttura della tabella, i tag sono posizionati per creare un bordo. Lo spessore del bordo è indicato da una variabile x come segue: <table border = x>. Mettere questo appena dopo il comando <table>.

9 CELLPADDING è il numero di pixel sono tra testo tavolo e il confine. Mettete questo comando dopo il comando di confine: <cellpadding = x>.

Consigli e avvertenze

  • Non includere più colonne sulla seconda fila di quanto si è aggiunto al primo. tavole asimmetriche possono causare problemi.
  • Quando si effettuano le tabelle, prendere in considerazione anche i tag di stile come il bordo, lo spazio cellulare e altri che determinano ciò che il bordo della tabella sarà simile. Questi di solito assumono valori relativi al numero di pixel. Le guide sono disponibili online.
  • A causa di esigenze di formattazione, il codice usato qui ha spazi tra il testo del comando e le parentesi <e>. Il tuo codice non dovrebbe avere spazio tra una staffa e il carattere successivo.