Voit yhdistää kaksi tai useampia taulukkosoluja yhdessä käyttämällä colspan- attribuuttia a: ssa HTML-tunniste (taulukon tiedot). Esimerkiksi alla olevassa koodissa on taulukko, jossa on kolme riviä ja kolme saraketta.

Jos halusimme yhdistää kaksi ensimmäistä solua yhteen soluun, voisimme käyttää attribuuttia colspan = "2" ensimmäisessä tag. Numero edustaa, kuinka monta solua haluat käyttää tag.

Esimerkki HTML-taulukosta

Yllä oleva koodi, joka on tehty selaimessa, tuottaa alla olevan taulukon kaltaisen taulukon. Kuten näette, ensimmäinen solu kattaa kahden sarakkeen leveyden.

Jos haluat käyttää kaikkia taulukon yläosassa olevia kolmea solua, lisää colspan-arvoa arvoon 3, koska sarakkeita on kolme. Arvon lisääminen arvoon 3 antaa taulukon, joka vastaa alla olevaa esimerkkiä.

Huomautus: Varmista, että kun laajennat a sarake, jossa poistat kaikki jäljellä olevat tag. Yllä olevassa esimerkissä, koska käytämme kaikkia kolmea saraketta, meillä on vain yksi vuonna (taulukon rivi).

Solujen yhdistäminen käyttämällä WYSIWYG-editoria

Voit myös yhdistää soluja WYSIWYG-editorilla. Tyypillisesti tämä tehdään korostamalla kaksi tai useampia soluja, napsauttamalla soluja hiiren kakkospainikkeella ja valitsemalla sitten vaihtoehto yhdistää soluja. Alla on lisätoimenpiteitä tämän tekemiseen Dreamweaverissa ja Expression Webissä.

Solujen yhdistäminen Dreamweaverin avulla

1. Korosta taulukossa kaksi tai useampia soluja.
2. Napsauta korostettuja soluja hiiren kakkospainikkeella.
3. Valitse Taulukko ja sitten Yhdistä solut .

tai

1. Korosta taulukossa kaksi tai useampia soluja.
2. Paina näppäinyhdistelmää Alt + Ctrl + M.

Solujen yhdistäminen Expression Webin avulla

1. Korosta taulukossa kaksi tai useampia soluja.
2. Napsauta korostettuja soluja hiiren kakkospainikkeella.
3. Valitse Muokkaa ja sitten Yhdistä solut .