Môžete zlúčiť dve alebo viac buniek tabuľky spolu pomocou atribútu colspan v a HTML tag (údaje tabuľky). Napríklad v nižšie uvedenom kóde je tabuľka s tromi riadkami a tromi stĺpcami.

Ak by sme chceli spojiť prvé dve bunky do jednej bunky, v prvom by sme mohli použiť atribút colspan = "2" tag. Číslo predstavuje koľko buniek chcete použiť pre tag.

Príklad tabuľky HTML

Vyššie uvedený kód, vytvorený vo webovom prehliadači, vytvára tabuľku podobnú tabuľke uvedenej nižšie. Ako vidíte, prvá bunka presahuje šírku dvoch stĺpcov.

Ak chcete použiť všetky tri bunky v hornej časti tabuľky, zvýšte hodnotu colspan na 3, pretože existujú tri stĺpce. Zvýšením hodnoty na 3 získate tabuľku podobnú nižšie uvedenému príkladu.

Poznámka: Uistite sa, že keď rozbalíte a stĺpec, ktorý odstránite zostávajúce tag. Vo vyššie uvedenom príklade, pretože používame všetky tri stĺpce, máme len jednu v (riadok tabuľky).

Zlúčenie buniek pomocou editora WYSIWYG

Na zlúčenie buniek môžete použiť aj editor WYSIWYG. Typicky sa to robí zvýraznením dvoch alebo viacerých buniek, kliknutím pravým tlačidlom myši na bunky a následným výberom možnosti zlúčenia buniek. Nižšie sú uvedené ďalšie kroky, ako to urobiť v programe Dreamweaver a Expression Web.

Zlúčenie buniek pomocou Dreamweaveru

1. Zvýraznite dve alebo viac buniek v tabuľke.
2. Kliknite pravým tlačidlom myši na zvýraznené bunky.
3. Kliknite na položku Tabuľka a potom na položku Zlúčiť bunky .

alebo

1. Zvýraznite dve alebo viac buniek v tabuľke.
2. Stlačte klávesovú skratku Alt + Ctrl + M.

Zlúčenie buniek pomocou výrazového webu

1. Zvýraznite dve alebo viac buniek v tabuľke.
2. Kliknite pravým tlačidlom myši na zvýraznené bunky.
3. Kliknite na položku Upraviť a potom na položku Zlúčiť bunky .