Merge celule în html-masă pe orizontală și pe verticală și colspan rowspan, html

Merge celule într-un tabel HTML orizontal

La crearea tabelelor în HTML este uneori necesar să se combine celulele orizontale.

HTML-tabel al fiecărei celule este set limitat de tag-uri și , între care se află conținutul. Dacă nu adăugați etichete atribute sau stiluri CSS suplimentare. atunci fiecare celulă va implicit pentru a ocupa exact o singură coloană.

HTML pentru combinarea celulelor trebuie adăugate la șirul de celule este mai mică decât în ​​celelalte rânduri și adăugați atributul colspan = „“ în tag-ul celula pe care doriți să se întindă.

Să considerăm un exemplu simplu HTML tabel cu două rânduri și două coloane (patru celule). Său HTML-cod, după cum urmează:

Mai mult, dacă doriți să îmbinați două celule pe linia de sus, utilizați atributul colspan = "" după cum urmează:

Celula de pe linia de sus se întinde acum două coloane. Din moment ce ocupă spațiul a două celule în primul rând există doar un singur element td.

Este posibil să se efectueze celule de tabel al Uniunii HTML în fiecare din domeniul său, cu orice număr de coloane. Una dintre cele mai utile aplicații ale celulelor care fuzionează în plan orizontal este de a crea anteturi de masă. Dacă un tabel are n coloane, plasați atributul colspan = „n“ în prima celulă din rândul de sus și îndepărtați celelalte celule din acest rând.

Merge celule într-un HTML-tabel verticală: rowspan

Caracteristica rowspan = „“ vă permite să fuzioneze celule pe verticală

Dacă doriți celula se întinde pe mai multe rânduri, ar trebui să adăugați atributul rowspan = „“ în interiorul tag-ul din celula pe care doriți să se întindă pe verticală. Fiecare rând de sub rândul unde începe celula întins, aveți nevoie pentru a elimina o celulă la masa a fost nivelat. De exemplu, atunci când întinde o celulă de trei linii, este necesar pentru a elimina o celulă la următoarele două linii.

Să considerăm un exemplu simplu HTML-masă cu patru celule separate prin două rânduri și două coloane. HTML code:

Pentru a face tabel HTML îmbina pe verticală celule, adăugați rândul de sus la primul atribut celulei rowspan = „2“. și apoi ștergeți una dintre celulele din rândul de jos. HTML-cod va arata astfel:

Puteți combina Îmbinați celulele orizontale și verticale într-un tabel așa cum se arată în figura din stânga. O celula poate cuprinde chiar mai multe rânduri și coloane, așa cum se arată în partea dreaptă. HTML-cod pentru fiecare tabel este prezentat mai jos:

Metodele care combină rowspan și colspan pentru a crea personalizate HTML-tabele cu celule care se întind pe mai multe rânduri și coloane

Folosind celule îmbinate vertical

Îmbinați celulele pe verticală HTML într-o singură coloană poate fi utilizată dacă doriți să creați un titlu pentru un grup de linii adiacente acea coloană. Aceasta poate ajuta, de asemenea, să împartă un grup de linii de tip.

Atunci când transmite date la un site într-un format de tabel, cu atât mai bine organizați datele de subgrupuri, cât sunt mai simple utilizatorilor să analizeze și să proceseze datele. separatoare spațiale ne ajută să analizăm lucrurile mai eficient. poate fi de asemenea utilizat pentru codul de culoare coloana pentru a face mai ușor pentru a identifica vizual:

Traducere de articole «Cum de a combina celule Orizontal într-un colspan HTML Tabelul», «Cum de a combina celule într-un tabel Vertically HTML: rowspan» a fost pregătit de către echipa de proiect prietenos Web design de la A la Z.