Lecție HTML. Unirea celulelor

Bună ziua, astăzi vă voi spune cum să îmbinați celulele într-un tabel orizontal și vertical în html.

Nu ne vom deranja prea mult, voi crea un tabel simplu cu trei rânduri și patru celule pe fiecare rând. Cele mai simple stiluri sunt setate pentru ei, astfel încât totul să fie afișat corect.

Tabel( chenar-restrângere: restrângere; ) td( chenar: 1px negru solid; lățime: 60px; înălțime: 50px; )

Îmbinarea celulelor pe orizontală

Să începem cu aceasta pentru că această tehnică este mai ușoară. Să presupunem că doriți să combinați patru celule într-una singură pe primul rând. Acest lucru se poate face folosind atributul colspan:

1. Atribuim atributul colspan = celulei dorite „numărul de celule de îmbinat”
2. Ștergeți toate celulele inutile

De exemplu:

Uită-te la această bucată de cod. Deoarece prima celulă din rând are un colspan de 4, va lua în esență locul patru celule, ceea ce înseamnă că următoarele 3 din rând trebuie să fie șterse, pur și simplu, nu sunt necesare acum.

Dacă nu sunt îndepărtate, atunci se vor forma până la 7 celule pe rând și, desigur, va deveni mult mai lată decât următoarele două.

Acum le ștergem și vedem că totul este afișat perfect.

Fuzionarea pe verticală

Acest lucru este puțin mai complicat și se realizează folosind aceeași tehnologie, este folosit doar un atribut numit rowspan și trebuie să ștergeți celulele necesare într-o coloană, nu într-un rând, ceea ce face sarcina puțin mai complicată, dar de fapt totul este simplu dacă înțelegi rapid esența.

Să combinăm ultimele celule din rândul 2 și 3. Pentru a face acest lucru, scrieți rowspan = „2” în ultima celulă din rândul 2. Acum trebuie să ștergeți ultima celulă din rândul 3. Dacă nu faceți acest lucru, din nou, celulele suplimentare se vor târâi afară, ceea ce se va strica foarte mult aspect masa noastră.

Unirea de ambele părți

Puteți seta ambele atribute la o singură celulă. Să vedem și cum funcționează. Să combinăm primele 2 celule din rândul 2 într-o singură celulă și primele două celule din rândul 3. În total, vom combina 4 celule într-una singură.

În acest caz, celula din al doilea rând va primi ambele atribute, în al doilea rând celula care o urmează este ștearsă, în al treilea - primele două.

Astfel, puteți crea tabele de orice complexitate, deja am vorbit puțin despre designul lor, dar astăzi scopul meu a fost să vă arăt un truc cu alăturarea și sper că am reușit și ați înțeles ceva. Dacă aveți întrebări, întrebați în comentarii.

Puteți îmbina celulele în Excel în diverse moduri. Această funcție este utilă atunci când doriți să rezumați datele pentru mai multe celule într-una sau să creați un antet pentru un tabel.

Prima modalitate este să utilizați meniul contextual. Selectați celulele pe care doriți să le îmbinați și faceți clic pe ele clic dreapta soareci. Din meniul contextual selectați Formatare celule.

Va apărea următoarea casetă de dialog, în care mergeți la fila Aliniere. Bifați caseta „Celule care fuzionează”. Aici puteți seta alinierea textului în celulă sau puteți selecta orientarea acestuia. Faceți clic pe OK.

Dacă textul a fost introdus în celulele care sunt îmbinate, programul va afișa următorul mesaj: toate valorile vor fi șterse, cu excepția celei din stânga sus.

După fuziune, cuvântul „să ne unim” rămâne, în loc de „Hai să unim aceste celule”.

A doua modalitate este să folosiți butonul de pe panglică. Selectați celulele necesare, accesați fila „Acasă” și faceți clic pe butonul „Îmbinați și plasați în centru”.

Va apărea un mesaj familiar, toate valorile din celule vor fi șterse, cu excepția celei din stânga sus - va fi plasat în centru.

Dacă faceți clic pe săgeata de lângă buton, acesta va apărea meniu suplimentar. În el puteți selecta una dintre acțiunile propuse, inclusiv anularea îmbinării celulelor.

A treia modalitate este să copiați celulele îmbinate anterior. Dacă aveți deja celule îmbinate în document cu cu textul cerut, apoi selectați-le, copiați-le folosind combinația „Ctrl+C” și lipiți-le în zona dorită a documentului – „Ctrl+V”.

Chiar dacă selectați o singură celulă pentru a lipi zona copiată, aceasta va fi totuși lipită, în cazul meu, trei celule pe rând și două pe coloană. În acest caz, datele care se aflau în aceste celule vor fi șterse.

A patra metodă– combinați celule în Excel, salvând datele folosind funcția „CONCATENATE”. Vom combina A1 -B1 și A2 -B2.

Să adăugăm o coloană suplimentară între ele. Selectați celula B1, în fila „Acasă”, faceți clic pe săgeata de lângă butonul „Inserați” și selectați din listă „Inserați coloane în foaie”.

Fuzionarea celulelor. Selectați celula B1, introdusă în ea coloană nouă, și scrieți următoarea formulă pentru a concatena A1 -C1: = CONCATENATE(A1;" ";C1) . Între ghilimele, introduceți separatorul din mijloc: „;” , „:” , „,”, am un spațiu acolo.

În același mod combinăm A2 -C2. Puteți pur și simplu să întindeți formula pe coloană trăgând colțul din dreapta jos al celulei B1.

Pentru a lăsa numai celule îmbinate în tabel, selectați-le și apăsați „Ctrl+C”. Faceți clic dreapta pe ele și selectați din meniu « Inserție specială» – „Valori”.

Astfel, am copiat doar valorile celulelor selectate, acestea nu sunt acum legate de celulele învecinate prin formulă.

Să ștergem coloana A și C. Selectați celulele A1:A2, în fila „Acasă”, faceți clic pe săgeata de lângă butonul „Șterge” și selectați din listă „Eliminați coloanele din foaie”. De asemenea, ștergem datele din celulele C1:C2.

Ca rezultat, am primit celule îmbinate fără pierderi de date.

A cincea metodă este de a îmbina celulele în Excel fără a pierde valori folosind o macrocomandă. , Îl puteți citi urmând linkul.

Lansați editorul VBA utilizând combinația de taste „Alt+F11” și creați un nou modul.

Acum lipesc următorul cod în zona pentru introducerea codului VBA. Macrocomanda se va numi „MergeCell”. Salvați macrocomanda creată. Dacă aveți Excel 2007 sau o versiune ulterioară, atunci când salvați documentul în câmpul „Tip fișier”, selectați « Caietul de lucru Excel cu suport macro".

Închideți editorul VBA cu combinația „Alt+Q”, după care se va deschide documentul Excel.

Acum trebuie să rulați macrocomanda creată. Selectați celulele din document care trebuie îmbinate. Accesați fila Dezvoltator și faceți clic pe butonul „Macrocomenzi”. În fereastra următoare, selectați macrocomanda cu numele dorit din listă - „MergeCell” și faceți clic pe „Run”.

Celulele selectate sunt îmbinate și datele sunt păstrate. Pentru a vă asigura că textul apare normal într-o celulă, accesați fila „Acasă” și faceți clic pe butonul „Încheierea textului”.

Cred că metodele discutate sunt suficiente pentru a combina date sau text celule Excel. În același timp, vă puteți asigura că datele din celulele îmbinate nu sunt șterse.

Acum acordați o atenție deosebită când trecem la subiectul cel mai dificil dintre toate atunci când vine vorba de crearea tabelelor. Este vorba despre despre cum să îmbinați celulele într-un tabel HTML.

Când rezolvi probleme similare în unele editor de text, de exemplu, cel mai comun este Word, apoi face aproape totul singur, trebuie doar să apăsați butonul corespunzător. Dar dacă vorbim despre rezolvarea acestei probleme în HTML, atunci totul este diferit aici. Și dacă ești atent, sarcina nu va părea atât de copleșitoare.

Îmbinarea celulelor în rânduri

În primul rând, vă vom spune cum să combinați rândurile într-un tabel în HTML. Atributul va ajuta în acest sens colspan, care funcționează cu etichete precum Şi .

De exemplu, atribuiți acest atribut sens 2 . Ca rezultat, celula căreia îi aparține eticheta crește exact în direcția orizontală 2 ori, deplasându-l pe cel vecin. Dar celula deplasată nu merge nicăieri, este prezentă în tabel, doar într-o coloană complet nouă care trebuie eliminată.

Să exersăm cum se face acest lucru. Deci să începem. Să încercăm să creăm un tabel ca acesta:

Conform regulilor descrise mai sus, trebuie să creăm un rând, să adăugăm o celulă simplă și apoi să adăugăm în același rând o celulă care va lua locul două celule simple.
În următoarea linie trebuie doar să adăugăm trei celule simple. Sună ușor, haideți să ne punem gândurile în cod:

Asta este! Nu e mare lucru deloc!

Îmbinarea celulelor în coloane

Este puțin mai dificil să combinați celulele în direcția verticală decât în ​​direcția orizontală. Această problemă este rezolvată folosind atributul lungimea rândurilor, care este atribuit etichetelor sau .

Dacă acest atribut este setat la 2 , apoi celula crește în dimensiune pe verticală și se întinde pt rândul următor. Celula de sub cea care crește în dimensiune merge la dreapta, ceea ce creează din nou o coloană suplimentară. Și pentru a-l elimina, trebuie doar să ștergeți celula.

Acum să creăm următorul tabel:

Să ne gândim la ce trebuie să facem. Trebuie să adăugăm o celulă care ocupă de 2 ori mai mult spațiu vertical decât una simplă. apoi adăugați două celule simple pe aceeași linie.
Să trecem la următoarea linie. Aici avem deja loc aglomerat celula deasupra. Să trecem la următoarea secțiune și să vedem că tot ce trebuie să facem în această linie este să adăugăm două celule simple. Să-l punem în cod:

Din nou, nimic complicat.

Îmbinare simultană pe verticală și orizontală într-un singur tabel

În situații reale, tabele de acest tip se găsesc foarte des. Încercați singur, folosind raționamentul pe care l-am sugerat, pentru a crea următorul tabel folosind codul HTML:

Dacă tot nu funcționează, iată răspunsul: