Nwlapcug.com


Come fare una griglia di tabella

Come fare una griglia di tabella


Tabelle di creano griglie di informazioni sulle tue pagine Web. Le tabelle sono elementi HTML che si trova all'interno di pagine web. Gli elementi vengono utilizzati per formattare il layout per il testo e immagini. Creazione di una tabella nelle pagine Web richiede una piccola quantità di conoscenza di HTML, e può essere utilizzato in qualsiasi area del sito Web. Nelle tabelle sono composte da righe e colonne, che sono indicate utilizzando i tag HTML "tr" ed "td".

Istruzioni

1

Aprire il file HTML in qualsiasi editor di testo. È possibile utilizzare un editor semplice come blocco note. È inoltre possibile utilizzare l'editor più avanzati come Notepad + + o Visual Studio. Questi editor codice colore HTML tag.

2

Scorrere verso il basso la posizione del file HTML dove si desidera che la tabella inserita. Immettere il codice seguente per creare la struttura di tabella di base:

< tavolo border = 1 >< / tabella >

La proprietà "border" crea una linea attorno al tavolo, che lo rende più facile da identificare nella pagina durante lo sviluppo e il testing.

3

Creare le righe della tabella. Righe della tabella vengono definite utilizzando il tag "tr". Questi tag sono posizionati all'interno dei tag di "tabella" definiti nel passaggio due. Il codice seguente crea due righe nella tabella:

< tavolo border = 1 >
< tr >< /tr >
< tr >< /tr >
< / tabella >

4

Aggiungere le colonne della tabella. Le colonne sono spesso chiamate "cellule" quando si crea una griglia di tabella in HTML. Queste cellule vengono create utilizzando il tag "td". Il codice seguente aggiunge due colonne per le righe della tabella:

< tavolo border = 1 >
Prima colonna < tr >< td > < /td >< td > seconda colonna < /td >< /tr >
Prima colonna < tr >< td > < /td >< td > seconda colonna < /td >< /tr >
< / tabella >

5

Salvare il file e aprirlo utilizzando il browser web. La tabella ha un bordo, quindi si può facilmente trovare sulla tua pagina. Viene visualizzato con il testo della colonna. Sostituire questo testo con le proprie informazioni di griglia per i tuoi lettori.