Cum se pot combina într-un tabel de celule html

Și acum, să fie extrem de atent, așa cum ne întoarcem la cea mai dificila problema tuturor, care se referă la crearea de tabele. Vorbim despre cum să combine celulele într-un tabel HTML.

Merge celule în rânduri

În primul rând vom descrie modul de a combina rândurile din tabel în HTML. Acest lucru va ajuta la atributul colspan. care lucrează cu tag-uri, cum ar fi și .

De exemplu, atribuie valoarea atributului 2. Ca rezultat, celula la care eticheta este crescută lin pe direcția orizontală de 2 ori, deplasând adiacente. Dar celula reprimată nu merge nicăieri, este prezentă în tabel, numai într-o nouă coloană care trebuie să fie eliminate.

Să exersăm cum să o facă. Deci, să începem. Să încercăm să creeze un tabel care seamănă cu următorul:

În conformitate cu regulile de mai sus, avem nevoie pentru a crea linia, adăugați o celulă simplă, și a urmat în aceeași linie pentru a adăuga o celulă, care va lua locul a două celule simple.






În linia următoare, avem nevoie doar pentru a adăuga trei simplă celulă. Pare simplu, să rapid înainte ideile noastre în codul:

Asta este! Absolut nimic greșit!

Merge celule în coloanele

În direcția verticală a celulei de a combina un pic mai complicată decât în ​​orizontală. Această problemă este rezolvată prin utilizarea atributului rowspan. care este atribuită etichetelor sau .

Dacă acest atribut este setat la 2. Această celulă a crescut în dimensiune și se extinde vertical la rândul următor. Celula situată sub cea care este în creștere în dimensiune, este drept, care formează din nou o coloană suplimentară. Și pentru ao elimina, trebuie pur și simplu eliminați celula.

Să creați acum tabelul de mai jos:

Ne gândim la ceea ce trebuie să facem. Trebuie să adăugați o celulă, care ocupă un spațiu vertical în 2 ori mai mult decât simpla. apoi se adaugă aceeași linie două celule simple.
Du-te la linia următoare. Aici am fost doar locul ocupat pe partea de sus a celulei. Mai departe la secțiunea următoare și să vedem că suntem în această linie se poate adăuga doar două celule simple. Transfer la codul:

Din nou, nimic fantezie.

asocierea simultană pe verticală și pe orizontală într-un tabel

În situații reale, acest tip de tabel sunt foarte frecvente. Încearcă-l singur, folosind metoda noastră propusă de raționament, creat cu HTML-cod, următorul tabel:

Ce? Citește mai departe, fără a încerca măcar? Ei bine, să-l gust, wimp!

Dacă încă nu funcționează, atunci aici este răspunsul: