Du kan slå sammen to eller flere tabellceller sammen ved å bruke colspan- attributtet i en HTML-kode (tabelldata). For eksempel, i koden nedenfor er et bord med tre rader og tre kolonner.

Hvis vi ønsket å kombinere de to første cellene i en celle, kunne vi bruke attributten colspan = "2" i den første stikkord. Tallet representerer hvor mange celler du vil bruke til stikkord.

Eksempel HTML-tabell

Ovennevnte kode, gjengitt i en nettleser, produserer en tabell som ligner på tabellen som er vist nedenfor. Som du kan se, sprer den første cellen bredden på to kolonner.

For å bruke alle tre cellene på toppen av bordet, øk kolspannverdien til 3 siden det er tre kolonner. Å øke verdien til 3 gir deg en tabell som ligner på eksempelet som vises nedenfor.

Merk: Pass på at når du utvider en kolonne at du fjerner eventuelle resterende stikkord. I eksemplet ovenfor, fordi vi bruker alle tre kolonnene, har vi bare en i (tabellrad).

Slå sammen celler ved hjelp av en WYSIWYG-editor

Du kan også bruke WYSIWYG-editoren til å slå sammen celler. Vanligvis gjøres dette ved å markere to eller flere celler, høyreklikke på cellene og deretter velge alternativet for å slå sammen celler. Nedenfor finner du flere trinn på hvordan du gjør dette på Dreamweaver og Expression Web.

Slå sammen celler ved hjelp av Dreamweaver

1. Fremhev to eller flere celler i bordet ditt.
2. Høyreklikk på de uthevede cellene.
3. Klikk på Table og deretter Merge Cells .

eller

1. Fremhev to eller flere celler i bordet ditt.
2. Trykk tastaturgenveien Alt + Ctrl + M.

Slå sammen celler ved hjelp av Expression Web

1. Fremhev to eller flere celler i bordet ditt.
2. Høyreklikk på de uthevede cellene.
3. Klikk Endre og deretter Merge celler .