Tutorial HTML - Fuzionarea celule de tabel

anterior ◈ următoarea

Foarte des atunci când utilizați HTML-tabele, există o nevoie de a uni celule orizontal sau vertical. O astfel de asociere permite să structurate mai clar și convenabil de date tabelare, facilitând percepția utilizatorilor de informații și oferind dezvoltatorilor mai multe oportunități de a traduce ideile lor. Și, uneori, fără a fuziona celule din tabel, pur și simplu nu se poate face.







După cum știți, pentru crearea de celule HTML tabel tag-uri responsabile și . în consecință, este că trebuie să combine atributele celulelor. Acesta colspan și rowspan.

Merge celule pe orizontală

Pentru a îmbina celule pe orizontală, trebuie să specificați în tag-ul sau atributul colspan. valoarea sa este un număr pozitiv care indică cât de multe celule din curentul combinat. În acest caz, numărul (linia) din tabel trebuie să fie un număr mai mic de celule ale etichetei, pentru a păstra structura tabelului.

EXEMPLU combinarea celulelor orizontal

Rezultatul în browser

Combinarea celulelor vertical

Pentru celulele verticale in etichete de asociere și Acesta utilizează atributul rowspan. Valoarea sa este, de asemenea, un număr întreg care indică numărul de celule îmbinate și, de asemenea, în coloana este numărul mai mic de tag-uri de celule.







EXEMPLU combinarea celulelor vertical

Rezultatul în browser

În același timp, asocierea pe verticală și orizontală

Celulele natural HTML-masă pot fi combinate pe verticală și pe orizontală, în același timp, dar există o regulă foarte importantă - puteți combina numai cu celule echivalente. De exemplu, dacă aveți o celulă constând din două orizontală, verticală poate fi combinat doar cu exact la fel.

Rezultatul în browser

Cell 1.1, 1.2 și 2.1, 2.2

Fuzionarea celule de masă - magie destul de complicată, astfel încât sarcina dumneavoastră va fi dedicat numai acestui.

  1. Uita-te rezultatul unei sarcini și complet din nou.

Odată ce temele este atât de mic, să ne verifice încă o dată cunoștințele teoretice.

  1. Ce tip de HTML-elemente includ link-uri, imagini, tabele, și tag-ul