L'attributo colspan è un elemento HTML che permette una cella di tabella in una pagina web per estendere su più colonne. HTML è uno dei modi principali in cui le pagine web sono state create. Un modo per portare la struttura in una pagina web HTML è il concetto di una tabella. Una tabella è più righe e colonne. Le informazioni contenute in singole celle della tabella appare verticale e orizzontale organizzati.

Spesso, quando si visualizza una tabella HTML, si vorrebbe qualche informazione di applicare o si sviluppa su più colonne. Quando un tale pezzo di informazione è limitato a una riga, quindi l'attributo colspan torna utile. Quindi colspan=N, dove N è un numero come 2, 3, ecc, indica che la cella si estende o si estende oltre che molte colonne.

Consideriamo un esempio in cui i dati di vendita è mostrato come una tabella con tre intestazioni delle colonne: la regione di vendita, la persona a capo della regione, e l'importo delle vendite. Quando il totale è indicato solo l'importo totale delle vendite è di interesse. La cella persona sarà vuoto in quella riga. Piuttosto che mostrare una cella vuota è bello per portare l'attenzione sul totale, invece. Il seguente codice realizza questo.

<; /tr>

Regione	Sales Head	Vendite
Oriente	Lewis	$ 2,100
Sud	Lilian	$ 2,880
West	Larnoe	$ 1,900
Totale Ricavi		$ 6,880

In questo esempio, viene creata una tabella, e tre voci-Regione, Responsabile Vendite e Sales mdash , sono specificati, seguita da tre righe di dati. Ogni cella della tabella è indicato con l'attributo td, per "dati della tabella. " In quarta fila, la frase di vendita totale è data con l'importo totale. Si noti che la frase "Total Sales" è sottolineata dalla sua cella si estende su due colonne: la colonna Regione e la colonna Head, questo si ottiene specificando colspan=2. Questa cella occupa due colonne, in modo tale riga ha solo due attributi td e non tre come in altre righe.

Si può copiare questo codice in un file di testo e portarlo in un browser per visualizzare l'effetto . Una pagina web non può spesso richiedono che mostra i dati all'interno di celle di tabella, come nell'esempio precedente. Il concetto di tabella è molto utile per organizzare le informazioni in una pagina web, però.

Una pagina web consiste spesso di un colpo di testa su informazioni in alto, come ad esempio il nome dell'azienda e del logo, di uno o più menu in alto o ai lati, le informazioni principali al centro, e la sintesi in fondo. Per raggiungere questo obiettivo, una struttura di tabella può essere utilizzata sotto senza che il lettore se ne accorga. Molto spesso alcune informazioni si estende su più colonne utilizzando l'attributo colspan, impedendo la pagina web da guardare clunky.

Per fare un esempio, uno può decidere una pagina personale con tre colonne: famiglia, carriera, e della Comunità. Sarebbe un piacevole effetto di rompere le colonne piuttosto monotone, con una foto, da qualche parte in fondo alla pagina, in cui si diffonde in tutte le colonne. Il seguente codice realizza questo con un valore di calibrazione 3.

width=900
;




;

Famiglia Me Doggie . . .	carriera esecutivo a Acme. . .	Comunità Volontari Ospedale . . .
My Photo
Famiglia dettagli . . .	carriera continua . . .	Comunità continua . . .