Du kan sammanfoga två eller flera tabellceller tillsammans genom att använda colspan- attributet i en HTML-tagg (tabelldata). Till exempel i nedanstående kod finns ett bord med tre rader och tre kolumner.

Om vi ​​vill kombinera de två första cellerna i en cell kan vi använda attributet colspan = "2" i det första märka. Numret representerar hur många celler du vill använda för märka.

Exempel HTML-tabell

Ovanstående kod, gjord i en webbläsare, ger en tabell som liknar tabellen som visas nedan. Som du kan se spänner den första cellen bredden på två kolumner.

För att använda alla tre cellerna på toppen av bordet, öka kolspansvärdet till 3 eftersom det finns tre kolumner. Genom att öka värdet till 3 får du en tabell som liknar det exempel som visas nedan.

Obs! Se till att när du utökar en kolumn som du tar bort eventuella kvarvarande märka. I exemplet ovan, eftersom vi använder alla tre kolumnerna, har vi bara en i (tabellrad).

Sammanfoga celler med en WYSIWYG-redigerare

Du kan också använda WYSIWYG-redigeraren för att slå samman celler. Vanligtvis görs detta genom att markera två eller flera celler, högerklicka på cellerna och sedan välja alternativet att slå samman celler. Nedan finns ytterligare steg om hur du gör det på Dreamweaver och Expression Web.

Sammanfoga celler med Dreamweaver

1. Markera två eller flera celler i ditt bord.
2. Högerklicka på de markerade cellerna.
3. Klicka på Tabell och sedan Merge celler .

eller

1. Markera två eller flera celler i ditt bord.
2. Tryck på tangentbordsgenväggen Alt + Ctrl + M.

Sammanfoga celler med Expressions Web

1. Markera två eller flera celler i ditt bord.
2. Högerklicka på de markerade cellerna.
3. Klicka på Ändra och sedan sammanfoga celler .