I tavoli sono un modo utile per elencare e organizzare le informazioni su un sito web. Web designer possono costruire tavole di molte lunghezze e dimensioni, utilizzando il codice HTML per creare la tabella che funziona meglio per le informazioni che vogliono visualizzare. Nel codice HTML, "colspan" è un attributo è possibile aggiungere a una tabella per espandere una riga in un certo numero di colonne. Questo è particolarmente utile se si desidera creare intestazioni di tabella che si estendono per tutta la lunghezza della tavola.

istruzione

1 Copiare il seguente codice HTML:

<Table border = "1">
<Tr> <TH COLSPAN = 2> intestazione della tabella </ TH> </ tr>
<Tr> <td> Cell </ td> <td> Cell </ td> </ tr>
<Tr> <td> Cell </ td> <td> Cell </ td> </ tr>
</ Table>

2 Incollare il codice nel codice HTML della pagina Web. Questo creerà una semplice tabella HTML. L'attributo "COLSPAN = 2" fa la fila "Intestazione tabella" si estendono entrambe le colonne della tabella.

3 Aggiungere più colonne al vostro tavolo con l'aggiunta di ulteriori codice tra tag <TR> e </ tr>. Ad esempio, se si desidera visualizzare tre colonne della tabella, è necessario modificare il codice di <tr> <td> Cell </ td> <td> Cell </ td> <td> Cell </ td> </ TR >. Questo codice rappresenta una riga completa della tabella e deve essere digitato tutti sulla stessa linea.

4 Copiare il codice dalla riga è stato modificato al punto 3 e sostituire il codice in ogni riga successiva con questo nuovo codice. Questo darà tutte le righe della tabella lo stesso numero di colonne.

5 Aumentare il numero accanto all'attributo "COLSPAN" per rendere la riga "Tabella Header" abbracciano la lunghezza del tavolo alterato. Ad esempio, se si aumenta il numero di colonne della tabella a tre, modificare l'attributo di "COLSPAN = 3".

6 Copiare il codice da una riga esistente nella tabella e incollarlo sopra il </ table> tag se è necessario aggiungere più righe. Assicurarsi che tutte le nuove righe create nella tabella hanno lo stesso numero di colonne come il resto dei vostri file.

7 Sostituire il testo e "Cell" "Intestazione tabella" con i propri dati tavolo.

8 Salvare le modifiche al codice HTML della pagina Web e pubblicare le modifiche al tuo sito web.

Consigli e avvertenze

• È inoltre possibile utilizzare il tag <TD COLSPAN = 2> se si desidera espandere una fila regolare che non è un colpo di testa da tavolo.