Come modificare le tabelle HTML

March 9

Come modificare le tabelle HTML


Se si sta cercando di modificare un documento HTML, è probabile che vi imbatterete in alcune tabelle nel codice. Le tabelle sono un modo strutturale di allineare i dati in formato HTML. Una semplice tabella includerà diverse righe con celle di dati in loro. In alcuni casi, intere layout del sito web possono essere costruiti con pochi tavoli. modifica delle tabelle richiede un po 'di conoscenza HTML di base, ma una volta capito come funzionano e gli attributi che vanno con loro, sono facili da lavorare.

istruzione

1 Aprire il .html o un file htm. È possibile utilizzare qualsiasi editor HTML per fare questo.

2 Individuare la tabella che si desidera modificare. Un modo semplice per fare questo in un file di grandi dimensioni è quello di trovare la funzione di ricerca del programma e la ricerca di un testo che è nella tabella che si desidera modificare. Il codice tavolo inizierà con un tag <table>.

3 Aggiungere più celle alla tabella. Le cellule sono le scatole che le informazioni si trova in.

Il tag <tr> indica che una nuova riga sta iniziando. Un tag <td> crea una cella di testo o immagini. Per creare una nuova fila di due cellule, è sufficiente ripetere le righe e le celle. Così il vostro tavolo a cura sarebbe simile a questo:

<Table>

<Tr>

<Td> Dati va qui </ td>

<Td> Più dati va qui </ td>

</ Tr>

<Tr>

<Td> Una nuova cella va qui </ td>

<Td> Un altro nuovo cellulare va qui </ td>

</ Tr>

</ Table>

4 Modificare la larghezza. È possibile aggiungere un "width = 100px" attribuire al tag table per fare questo:

<Table width = "100px">

È possibile sostituire la "100px" con qualsiasi larghezza vuoi.

5 Aggiungere un bordo alla tabella. Per fare questo aggiungere un "= 1px confine" attributo per il tag table. Essa sarà simile a questa:

<Table border = "1px">

È possibile sostituire la "1px" con qualsiasi confine formato che desideri.

6 Aggiungere intestazioni sopra ogni colonna. Per fare questo sostituire i primi <td> tag con <th> tag e mettere l'intestazione tra il tag di apertura e di chiusura. Questo metterà un colpo di testa in grassetto sopra ogni colonna.

<Table>

<Tr>

<th> Colori </ th>

<th> Numeri </ th>

</ Tr>

<Tr>

<Td> Blu </ td>

<Td> Un </ td>

</ Tr>

</ Table>

7 Salvare il file quando hai finito di modificare esso. Controllare nel browser web.

Consigli e avvertenze

  • È possibile utilizzare i fogli di stile per aggiungere colore, cambiare font e allineare le tabelle.