Bashkimi i qelizave dhe kolonave në html. Kombinimi i qelizave. Kombinimi vertikalisht

Mësimi 11.

Bashkimi i qelizave të tryezës.

Në këtë mësim, ne vazhdojmë të studiojmë tabela, domethënë, do të shohim edhe dy atribute për etiketën & lttd & gttë cilat janë përgjegjëse për kombinimin e qelizave. Duke parë figurën më poshtë, do të kuptoni se për çfarë lloj shoqate do të diskutohet.

Tabela në të majtë ka strukturën e zakonshme. Tabela në të djathtë ka dy qeliza në rreshtin e parë të bashkuara për të formuar një qelizë të madhe.

Zbatimi i këtyre atributeve është pak më i ndërlikuar sesa aplikimi i të tjerëve. Kjo është arsyeja pse atyre u jepet një mësim i veçantë.

Atributi Colspan.

Atribut kolspan përdoret për të kombinuar qelizat horizontale. Vlera e atributit tregon numrin e qelizave për t'u kombinuar në një.

Vëmendje! Veryshtë shumë e rëndësishme që numri i përgjithshëm i qelizave të bashkuara dhe të rregullta në një rresht të jetë i barabartë me numrin e përgjithshëm të qelizave në rreshtin tjetër. Konsideroni si shembull tabelën e duhur në figurën e parë. Linja e sipërme përmban vetëm një qelizë të madhe, e përbërë nga dy qeliza të rregullta, dhe linja e poshtme përmban dy qeliza të rregullta.
Më poshtë është një variant i kodit të shkruar në mënyrë korrekte:


Shpjegimet për kodin:
Vija e sipërme & lttr & gt ka një qelizë & lttd & gtpër të cilën është caktuar atributi kolspan me kuptimin 2 ... Kjo do të thotë që kjo qelizë kombinon 2 qeliza, përkatësisht, kjo qelizë zëvendëson 2 qeliza. Linja e dytë & lttr & gt ka 2 qeliza te rregullta & lttd & gt.
Rezulton se në rreshtin e sipërm kemi dy qeliza të bashkuara me njëra-tjetrën, dhe në rreshtin e poshtëm kemi dy qeliza të zakonshme. Numri është i barabartë, që do të thotë se kodi është shkruar saktë.

Tani për një shembull kodi me një gabim të zakonshëm:


Shpjegimet për kodin:
Gabimi është se rreshti i parë & lttr & gt nuk përmban dy qeliza & lttd & gt, dhe tre, ndërsa rreshti i dytë & lttr & gt permban dy qeliza & lttd & gt.
Duke parë kodin, vizualisht duket se numri i qelizave në rreshta është i njëjtë, pasi që numri i etiketave & lttd & gt e njëjta. Por një nga etiketat & lttd & gt ka atributin kolspan me kuptimin 2 , kjo do të thotë që kjo një qelizë zë vendin e dy.

Atributi Rowspan.

Atribut kantier përdoret për të bashkuar qelizat vertikalisht. Parimi i funksionimit është saktësisht i njëjtë me atë të atributit. kolspan.


Shpjegimet për kodin:
Vija e sipërme & lttr & gt ka tre qeliza & lttd & gt, për njërën prej tyre atribut kantier me kuptimin 3 ... Kjo do të thotë që kjo qelizë përmban 3 qeliza (e cila vendoset në atribut + 2 qeliza fundore vertikalisht). Siç thashë, rreshti i parë ka 3 qeliza, që do të thotë se dy rreshtat e poshtëm gjithashtu duhet të kenë tre qeliza. Duke parë kodin, mund të shohim se dy vijat e poshtme & lttr & gt kanë vetëm dy qeliza & lttd & gt, por mos harroni se qeliza e parë e rreshtit të sipërm zuri vendin e saj + dy qeliza të tjera poshtë saj. Kjo do të thotë se numri i përgjithshëm i qelizave në secilën nga linjat individuale është tre.

Për të kombinuar dy ose më shumë qeliza në një, përdorni atributet colspan dhe rowspan të etiketës ... Atributi colspan vendos numrin e qelizave për t'u bashkuar horizontalisht. Atributi rowspan punon në të njëjtën mënyrë, me ndryshimin e vetëm që shtrihet në qelizat vertikalisht. Para se të shtoni atributet, kontrolloni numrin e qelizave në çdo rresht për të siguruar që të mos ndodhin gabime. Kështu që, zëvendëson tre qeliza, kështu që duhet të ketë tre etiketa në rreshtin tjetër ose një konstruksion si ...... ... Nëse numri i qelizave në secilën rresht nuk përputhet, do të shfaqen qeliza fantazmë të zbrazëta. Shembulli 12.3 tregon, megjithëse i vlefshëm, por kod i pasaktë, në të cilin shfaqet një gabim i ngjashëm.

Shembulli 12.3. Bashkimi i pavlefshëm i qelizave

Përdorimi i pasaktë i colspan

Qeliza 1 Qeliza 2
Qeliza 3 Qeliza 4

Rezultati i këtij shembulli është treguar në Fig. 12.5.

Figura: 12.5. Shfaqja e një qelize shtesë në tabelë

Linja e parë e shembullit ka tre qeliza, dy prej tyre bashkohen duke përdorur atributin colspan dhe rreshti i dytë shton vetëm dy qeliza. Kjo krijon një qelizë shtesë që shfaqet në shfletues. Mund të shihet qartë në Fig. 12.5.

Shembulli 12-4 demonstron përdorimin e saktë të atributeve colspan dhe rowspan.

Shembulli 12.4. Kombinimi i qelizave vertikalisht dhe horizontalisht

Shkrirja e qelizave

Shfletuesi Internet Explorer Opera Firefox
6.07.07.08.09.01.02.0
Përkrahet JopoJopopopopo

Rezultati i këtij shembulli është treguar në Fig. 12.6.

Figura: 12.6. Tabela me qelizat e bashkuara

Kjo tabelë ka tetë kolona dhe tre rreshta. Disa nga qelizat me fjalët "Internet Explorer", "Opera" dhe "Firefox" janë të kombinuara ku dy, dhe ku tre qeliza. Shkrirja vertikale e aplikuar në qelinë e etiketuar "Shfletuesi".

tavolina parë më së miri me një tabelë të thjeshtë, kodi HTML për të cilin tregohet në Listën 5.10.

Kjo është një tabelë e zakonshme, qelizat e së cilës janë të numëruara - kështu që do të jetë më e lehtë për ne në të ardhmen. Në fig. 5.2 tregon pamjen e tij në një dritare të shfletuesit të Internetit.

Tani konsideroni tabelën në Fig. 5.3

Disa qeliza janë bashkuar këtu. Mund të shihet se qelizat e bashkuara duket se janë bashkuar në një. Si ta bëjmë atë?

Veçanërisht për këtë, etiketat dhe mbështesin dy atribute të dukshme opsionale. Së pari - COLSPAN - bashkon qelizat horizontale, e dyta -ROWSPAN- vertikalisht.

Për të bashkuar shumë qeliza horizontale në një, ndiqni këto hapa.

1. Gjeni etiketën HTML ( ) që korrespondon me qelizën e parë që do të bashkohet (nëse qelizat numërohen nga e majta në të djathtë).

2. Shtoni atributin COLSPAN në të dhe caktoni numrin e qelizave që do të bashkohen, duke përfshirë edhe atë të parën.

3. Hiq etiketat ( ) që krijojnë pjesën tjetër të qelizave të bashkuara të kësaj rreshti.

Le të bashkojmë qelizat 2 dhe 3 të tabelës (shih Listën 5.10). Fragmenti i kodit të rishikuar që krijon rreshtin e parë të kësaj tabele tregohet në Listën 5-11.

Në të njëjtën mënyrë, krijoni qelizat e bashkuara 4 + 5 dhe 12 + 13 + 14 + 15.

Shkrirja e qelizave vertikalisht është pak më e vështirë. Këtu janë hapat që duhet të ndiqni.

1. Gjeni në kodin HTML vijën (etiketën) në të cilën ndodhet e para e qelizave të bashkuara (nëse numëroni linjat nga lart poshtë).

2. Gjeni etiketën ( ) që i përgjigjet qelizës së parë të bashkuar.

3. Shtoni atributin ROWSPAN tek ai dhe caktoni sasinë në të qelizat e bashkuara, duke përfshirë edhe të parën prej tyre.

4. Shikoni linjat pasuese dhe hiqni etiketat prej tyre ( ) që krijojnë pjesën tjetër të qelizave që do të bashkohen.

Ne kemi lënë bashkojnë qelizat 1 dhe 6 të tryezës sonë. Listimi 5.12 përmban një fragment të korrigjuar të HTML të saj (korrigjimet do të ndikojnë në rreshtat e parë dhe të dytë).

Vini re se kemi hequr etiketën që krijon qelizën e gjashtë nga rreshti i dytë, pasi ajo u bashkua me qelizën e parë.

Tani nuk përdoret shumë shpesh. Sidoqoftë, më herët, gjatë periudhës së lulëzimit të krijimit të faqeve në internet, ishte e vështirë të gjesh një tryezë pa qelizat e bashkuara... Në një mënyrë apo në një tjetër, nuk dhemb të dish për të.

Tabelat e Excel-it janë ndërtuar në një mënyrë pak më ndryshe se sa në Word. Nëse në këtë të fundit mund të ndajmë qelizat, atëherë në Excel një qelizë është një njësi e pandashme. Çështja e marrjes së dy kolonave nën një kokë të përbashkët është mjaft e zakonshme, prandaj është e rëndësishme të dini se si të kombinoni qelizat në Excel, pasi që në këtë rast është e nevojshme të kombinoni një fragment të një tabele.

Metoda 1 - Shiriti i veglave.

Në panel, do të shihni një buton të bashkimit.

Për ta përdorur, theksoni diapazonin që do të bashkohet dhe klikoni mbi të.


Si rezultat, bashkimi do të bëhet.


Nëse klikoni në shigjetën pranë këtij butoni, do të shihni një menu.

Komanda Merge & Center ju lejon të përqendroni përmbajtjen e një flete të re. Nëse përpiqeni të bashkoni një interval me një vlerë, do të ruhen vetëm të dhënat nga e para e adresave të bashkuara. Dhe do të shihni një paralajmërim.


Pëlqimi do të rezultojë në humbjen e pjesës tjetër të të dhënave.


Komanda Merge By Rows do të krijojë qeliza të konsoliduara në secilën rresht.



Komanda "Merge Cells" është e ngjashme me të parën, vetëm pa përqendruar tekstin.


Paragrafi i fundit i përgjigjet pyetjes se si të ndryshojmë bashkimin e qelizave në Excel.

Metoda 2 - duke përdorur menunë

Në versionet e fundit të zyrës, menuja klasike është zëvendësuar me skeda. Dhe dritaret e njohura thirren duke përdorur ikona të vogla në këndin e poshtëm të djathtë të skedës.


Mos harroni të zgjidhni paraprakisht qelizat që do të bashkohen dhe klikoni në këtë ikonë. Do të shfaqet dritarja e shtrirjes.


Kontrolloni kutinë pranë "Bashko qelizat". Këtu, në fushat përkatëse të zbritjes, mund të specifikoni parametrat e shtrirjes së të dhënave.

Metoda 3 - kopjimi i të dhënave të bashkuara tashmë

Nëse keni nevojë të riprodhoni një bashkim ekzistues, atëherë përdorni clipboard. Shkurtorja e tastierës për bashkimin e qelizave në Excel në këtë rast do të jetë si më poshtë:

CTRL + C - kopjoni në clipboard.
CTR + V - ngjit nga kujtesa e fragmenteve.

Zhvendosni treguesin në pozicionin e zgjedhur.


Kopjoni duke shtypur CRTL + C. Një shenjë që të dhënat do të kopjohen do të jetë "milingonat që vrapojnë" - animimi i kornizës përgjatë kufijve të saj.


Vendosni kursorin në qelizën e dëshiruar. Nuk është e nevojshme të caktohet numri i njëjtë i adresave, Excel automatikisht do të zgjedhë numrin e kërkuar dhe do të ekzekutojë komandën. Vërtetë, të dhënat do të humbasin. Klikoni butonat për t'i ngjitur nga kujtesa e fragmenteve. Një bashkim i ngjashëm do të shfaqet në vendin e zgjedhur.

Metoda 4 - Formati sipas Shembullit

Excel, si çdo program tjetër i Office, ka një buton shumë të dobishëm Format Painter.
Inshtë në seksionin "Clipboard".


Lëvizni treguesin mbi fetë e bashkuar dhe klikoni këtë buton. Zhvendosni treguesin në vendin e dëshiruar dhe klikoni. Formatimi do të riprodhohet plotësisht.

Ndërsa komanda është në pritje, një ikonë furçe do të varet pranë treguesit të miut. Sapo të klikoni me miun, ikona zhduket dhe shfaqet një fragment i ri i bashkuar.

Si të kombinohen përmbajtjet e qelizave në Excel me qëndrueshmërinë e të dhënave

Ky është një problem aktual. Në ndonjë nga metodat e mëparshme, Excel fshin të dhënat. Për t'i ruajtur ato, përdorni funksionin "Link".
Klikoni në ikonën Fx pranë shiritit të formulës. Kjo do të sjellë dritaren e futjes së funksionit.


Vendosni emrin "Lidhje" në shiritin e kërkimit dhe klikoni butonin "Gjeni".



Theksoni funksionin e gjetur dhe shtypni "OK". Do të shfaqet dritarja e konfigurimit.


Specifikoni diapazonin me duart tuaja ose zgjidhni atë me miun.


Ju lutemi vini re se funksioni duhet të jetë në një adresë të veçantë nga ato të bashkuara. Nëse keni nevojë të vendosni të dhënat e konsoliduara në intervalin e bashkuar, atëherë bëni bashkimin paraprakisht, dhe pastaj futni funksionin atje.

Nuk ka fjalë kyçe që ju lejojnë të bashkoni qelizat në Excel pa humbur të dhëna, kështu që mund të përdorni metoda të tjera.

Një mundësi tjetër për të kombinuar tekstin nga qelizat e shumta Excel
- përdorni operatorin "&", i cili kryen bashkimin e vargut. Për të filluar futjen e një formule, vendosni treguesin ku do të vendoset teksti i ri dhe shtypni shenjën "\u003d". Pastaj klikoni në adresën e parë, klikoni &, klikoni në të dytën, dhe kështu me radhë.


Kombinimi i tekstit nga dy qeliza të ndryshme në një në versionet Excel 2003-2010 është i ngjashëm.

Si të hiqni bashkimin e qelizave në Excel

Mund të përdorni artikullin e fundit nga menyja e butonit "Bashko qelizat".


Ose mund të zgjidhni kutinë në dritaren e formatimit.

Si të kombinohen duke përdorur një makro

Një nga mënyrat më të vështira është të shkruani vetë një program që do të automatizojë procesin. Zhvilluesi i kodit VBA është shtuar në Microsoft Office. Për ta përdorur, shtypni ALT + F11. Do të hapet dritarja për shtimin e kodit të programit.


Ekzekutoni komandën Fut - Modul.


Do të hapet një dritare për futjen e të dhënave.


Kopjoni dhe ngjisni kodin.

Nën Merge_Column () Dim i1 Sa i zbehtë i2 Sa i zbehtë f f Sa i zbehtë teksti Colol Si aplikacion i vargut.DisplayAlerts \u003d False Për f \u003d 1 Për Zgjedhjen. Zonat. Numri për i1 \u003d 1 Për Zgjedhja. Zonat (f). Kolonat. Numri textCol \u003d Përzgjedhja. Zonat (f). Qelizat (1, i1) Për i2 \u003d 2 Për Zgjedhje. Zonat (f). Rreshtat. Numëroni tekstinCol \u003d textCol & Chr (10) & Përzgjedhja. Zonat (k). Qelizat (i2, i1) Përzgjedhja tjetër. Zonat (f). Kolonat (i1). Shkrirja e bashkimit. Zonat (f). Qelizat (1, i1) \u003d intext Tjetra Zbatimi tjetër. Shfaqja e njoftimeve \u003d Fundi i vërtetë

Kaloni në Excel duke klikuar në ikonën e tij në këndin e sipërm të majtë.


Zgjidhni diapazonin që do të bashkohet dhe ekzekutoni makron në skedën "View" - "Macros".


Zgjidhni makron e kërkuar dhe klikoni në butonin "Run".


Fragmentet e tabelës do të bashkohen.

Butoni i qelizës nuk është aktiv në Excel

Ky është një rast i rrallë, por gjithsesi ndodh.

Rendit qelizat e bashkuara në Excel

Vështirësia këtu është se të gjitha fragmentet e renditura duhet të kenë të njëjtën madhësi. Prandaj, duhet të anuloni operacionin e bashkimit për bashkimet jo standarde në një kolonë ose rresht dhe ta kryeni përsëri në të njëjtën madhësi si të gjithë të tjerët. Për shembull, nëse po përpiqeni të renditni një kolonë ku gjithçka është e kombinuar nga dy, dhe një nga tre - ose kombinoni gjithçka me tre, ose përktheni tre-qelizat në dy. Përndryshe, ju do të merrni këtë gabim


Pasi të vendosni bashkimet në rregull, klikoni në butonin "Rendit & Filtro" në shiritin e veglave (në të djathtë) në seksionin "Shtëpia".

Zgjidhni llojin e llojit që dëshironi.

Si të gjeni qelizat e bashkuara në Excel

Nëse fleta e punës Excel është e madhe, mund të jetë e vështirë të gjesh të dhënat e kombinuara në të. Në këtë rast, le të përdorim kërkimin. Në skedën Home, kliko butonin Gjeni dhe Zgjidh dhe zgjidh Gjeni. Ose shtypni çelësat e shpejtë Ctrl + F. Lexoni më shumë


Pastaj klikoni Options dhe Format.


Kontrolloni kutinë pranë "Bashko qelizat" dhe kliko "OK".


Pastaj kliko "Gjeni të Gjithë" ose "Gjeni Tjetra", dhe adresat e kërkuara do të theksohen në mënyrë sekuenciale. Kur klikoni në butonin e parë, do të shihni një listë të të gjitha diapazoneve të kombinuara.


Kjo është e gjitha informacioni mbi qelizat e bashkuara. Shpresojmë se do t'ju ndihmojë të krijoni me shpejtësi dhe lehtësisht librat e punës në Excel dhe të punoni me ta pa ndonjë problem.

Kalofsh nje dite te mire!

Në të vërtetë është shumë e lehtë nëse tashmë keni krijuar tabela HTML. Pasi të mësoni disa parametra, do të mësoni se si të bashkoni qelizat e tabelës. Për një shembull të një tabele me qeliza të kombinuara horizontalisht dhe vertikalisht, shih, për shembull, artikullin e mëparshëm në.

Le të shohim se si kombinohen qelizat duke përdorur shembullin e një tabele HTML 5x5. Për të krijuar tabela që po përdor. Kodi i tabelës 5x5 i krijuar nga projektuesi duket kështu:

< div> < table border= "1" cellspacing= "1" cellpadding= "1" width= "100%" > < tbody> < tr> < td align= "left" > C1R1 < td align= "left" > C2R1 < td align= "left" > C3R1 < td align= "left" > C4R1 < td align= "left" > C5R1 < tr> < td align= "left" > C1R2 < td align= "left" > C2R2 < td align= "left" > C3R2 < td align= "left" > C4R2 < td align= "left" > C5R2 < tr> < td align= "left" > C1R3 < td align= "left" > C2R3 < td align= "left" > C3R3 < td align= "left" > C4R3 < td align= "left" > C5R3 < tr> < td align= "left" > C1R4 < td align= "left" > C2R4 < td align= "left" > C3R4 < td align= "left" > C4R4 < td align= "left" > C5R4 < tr> < td align= "left" > C1R5 < td align= "left" > C2R5 < td align= "left" > C3R5 < td align= "left" > C4R5 < td align= "left" > C5R5

C1R1 C2R1 C3R1 C4R1 C5R1
C1R2 C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

Tabela vetë fillimisht duket kështu:

C1R1 C2R1 C3R1 C4R1 C5R1
C1R2 C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

I. Shkrirja e qelizave vertikalisht
Për të bashkuar vertikalisht qelizat, përdorni opsionin kantier, duke specifikuar numrin e qelizave vertikalisht të bashkuara.
Le të bashkojmë qelizat C1R1 dhe C1R2 në tabelën e mësipërme. Kjo kërkon:

  1. Për qelizën C1R1 shtoni parametrin rowspan \u003d "2":

C1R2

Tabela tani duket kështu:

C1R1 C2R1 C3R1 C4R1 C5R1
C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

II Bashkoni qelizat në mënyrë horizontale
Për të bashkuar qelizat në mënyrë horizontale, përdorni parametrin kolspanqë specifikon numrin e qelizave horizontale të bashkuara.
Kombinoni qelizat C2R1, C3R1 dhe C4R1 në tabelën e mësipërme. Kjo kërkon:

  1. Për qelizën C2R1 shtoni parametrin colspan \u003d "3":

C3R1 C4R1

Tabela do të duket kështu:

C1R1 C2R1 C5R1
C2R2 C3R2 C4R2 C5R2
C1R3 C2R3 C3R3 C4R3 C5R3
C1R4 C2R4 C3R4 C4R4 C5R4
C1R5 C2R5 C3R5 C4R5 C5R5

E tëra çfarë ju duhet të bëni është të plotësoni tabelën me përmbajtje: shembuj të përkthimeve tuaja në portofolin tuaj, etj.