Atributul colspan este o caracteristică HTML care permite unei celule de tabel dintr-o pagină web să se extindă pe mai multe coloane. HTML este una dintre principalele moduri prin care sunt create paginile web. O modalitate de a aduce structura într-o pagină web HTML este conceptul de tabel. Un tabel are mai multe rânduri și coloane. Informațiile din celulele individuale ale tabelului apar organizate vertical și orizontal.
Adesea, atunci când se afișează un tabel HTML, s-ar dori ca unele informații să fie aplicate sau răspândite pe mai multe coloane. Când o astfel de informație este limitată la un rând, atunci atributul colspan este util. Prin urmare, colspan=N, unde N este un număr, cum ar fi 2, 3 etc., indică faptul că celula se întinde sau se întinde pe atâtea coloane.
Luați în considerare un exemplu în care datele despre vânzări sunt afișate ca un tabel cu trei titluri de coloană: regiunea de vânzări, persoana care conduce regiunea și valoarea vânzărilor. Când este afișat totalul, doar suma totală a vânzărilor este de interes. Celula persoanei va fi goală în acel rând. În loc să arăți o celulă goală, este bine să aduci atenția asupra totalului. Următorul cod realizează acest lucru.
În acest exemplu, este creat un tabel și sunt specificate trei titluri — Regiune, Director de vânzări și Vânzări, urmate de trei rânduri de date. Fiecare celulă din tabel este indicată de atributul td, pentru „date de tabel”. În al patrulea rând, expresia Vânzări totale este dată împreună cu suma totală. Observați că expresia „Vânzări totale” este subliniată de celula sa care se întinde pe două coloane: coloana Regiune și coloana Head; acest lucru se realizează prin specificarea colspan=2. Această celulă se întinde pe două coloane, astfel încât acest rând are doar două atribute td și nu trei ca în celelalte rânduri.
Se poate copia acest cod într-un fișier text și îl poate afișa într-un browser pentru a vedea efectul. Este posibil ca o pagină web să nu necesite adesea afișarea datelor în celulele tabelului, ca în exemplul de mai sus. Conceptul de tabel este însă foarte util pentru organizarea informațiilor pe o pagină web.
O pagină web constă adesea dintr-un antet în partea de sus, cum ar fi numele companiei și sigla, unul sau mai multe meniuri în partea de sus sau în lateral, informații principale în mijloc și informații rezumate în partea de jos. Pentru a realiza acest lucru, o structură de tabel poate fi utilizată dedesubt fără ca cititorul să fie conștient de aceasta. Destul de des, unele informații se răspândesc pe mai multe coloane folosind atributul colspan, împiedicând pagina web să arate neplăcută.
De exemplu, s-ar putea dori o pagină personală cu trei coloane: Familie, Carieră și Comunitate. Ar fi un efect frumos să spargeți coloanele monotone cu o fotografie, undeva în josul paginii, în care se răspândește pe toate coloanele. Următorul cod realizează acest lucru cu o valoare span de 3.