Atributas colspan yra HTML funkcija, leidžianti tinklalapio lentelės langelį išplėsti per kelis stulpelius. HTML yra vienas iš pagrindinių tinklalapių kūrimo būdų. Vienas iš būdų įtraukti struktūrą į HTML tinklalapį yra lentelės koncepcija. Lentelėje yra keletas eilučių ir stulpelių. Informacija atskiruose lentelės langeliuose pateikiama vertikaliai ir horizontaliai.
Dažnai, kai rodoma HTML lentelė, norisi, kad tam tikra informacija būtų taikoma arba paskirstyta keliuose stulpeliuose. Kai tokia informacija apsiriboja viena eilute, tada praverčia atributas colspan. Todėl colspan=N, kur N yra koks nors skaičius, pvz., 2, 3 ir tt, rodo, kad ląstelė išplečiama arba apima tiek stulpelių.
Apsvarstykite pavyzdį, kai pardavimo duomenys rodomi kaip lentelė su trimis stulpelių antraštėmis: pardavimo regionas, asmuo, vadovaujantis regionui, ir pardavimo suma. Kai rodoma visa suma, domina tik bendra pardavimo suma. Asmens langelis toje eilutėje bus tuščias. Užuot rodę tuščią langelį, geriau atkreipti dėmesį į bendrą skaičių. Tai pasiekiama naudojant šį kodą.
Šiame pavyzdyje sukuriama lentelė ir nurodomos trys antraštės – Regionas, Pardavimo vadovas ir Pardavimai, po kurių pateikiamos trys duomenų eilutės. Kiekvienas lentelės langelis žymimas atributu td, skirtu „lentelės duomenims“. Ketvirtoje eilutėje kartu su visa suma pateikiama frazė Total Sales. Atkreipkite dėmesį, kad frazė „Visi pardavimai“ pabrėžiama jos langeliu, apimančiu du stulpelius: stulpelį Regionas ir stulpelį Head; tai pasiekiama nurodant colspan=2. Šis langelis apima du stulpelius, todėl šioje eilutėje yra tik du td atributai, o ne trys, kaip kitose eilutėse.
Šį kodą galima nukopijuoti į tekstinį failą ir paleisti jį naršyklėje, kad pamatytumėte efektą. Tinklalapyje dažnai nereikės rodyti duomenų lentelės langeliuose, kaip parodyta aukščiau pateiktame pavyzdyje. Tačiau lentelės koncepcija yra labai naudinga tvarkant informaciją tinklalapyje.
Tinklalapio viršuje dažnai yra antraštė, pvz., įmonės pavadinimas ir logotipas, vienas ar keli meniu viršuje arba šonuose, pagrindinė informacija viduryje ir suvestinė informacija apačioje. Norint tai pasiekti, skaitytojui to nežinant, apačioje gali būti naudojama lentelės struktūra. Gana dažnai tam tikra informacija pasklinda keliuose stulpeliuose naudojant atributą colspan, todėl tinklalapis negali atrodyti keblus.
Pavyzdžiui, gali reikėti asmeninio puslapio su trimis stulpeliais: Šeima, Karjera ir Bendruomenė. Būtų geras efektas monotoniškus stulpelius sulaužyti nuotrauka, kažkur puslapio apačioje, kur ji pasklinda po visus stulpelius. Šis kodas tai pasiekia su 3 intervalo verte.