Jei norėjome sujungti pirmas dvi ląsteles į vieną ląstelę, galime naudoti „colspan =“ 2 atributą
HTML lentelės pavyzdys
Minėtas kodas, pateikiamas žiniatinklio naršyklėje, pateikia lentelę, panašią į toliau pateiktą lentelę. Kaip matote, pirmasis langelis apima dviejų stulpelių plotį.
Jei norite naudoti visas tris stalo viršuje esančias ląsteles, padidinkite colspan reikšmę iki 3, nes yra trys stulpeliai. Vertės padidinimas iki 3 suteikia jums panašią lentelę, kaip parodyta toliau.
Pastaba: įsitikinkite, kad, kai išplėsite a
Ląstelių sujungimas naudojant WYSIWYG redaktorių
Taip pat galite naudoti WYSIWYG redaktorių, kad galėtumėte sujungti elementus. Paprastai tai daroma išryškinant dvi ar daugiau ląstelių, dešiniuoju pelės klavišu spustelėdami ląsteles ir pasirinkdami galimybę sujungti ląsteles. Toliau pateikiami papildomi veiksmai, kaip tai padaryti „Dreamweaver“ ir „Expression Web“.
Ląstelių sujungimas naudojant „Dreamweaver“
- Pažymėkite dvi ar daugiau ląstelių savo lentelėje.
- Dešiniuoju pelės mygtuku spustelėkite ant pažymėtų langelių.
- Spustelėkite lentelę ir tada sujungti elementus .
arba
- Pažymėkite dvi ar daugiau ląstelių savo lentelėje.
- Paspauskite klaviatūros nuorodą Alt + Ctrl + M.
Ląstelių sujungimas naudojant „Expression Web“
- Pažymėkite dvi ar daugiau ląstelių savo lentelėje.
- Dešiniuoju pelės mygtuku spustelėkite ant pažymėtų langelių.
- Spustelėkite Keisti ir tada Sujungti langelius .