Nodarbība uz HTML. šūnu sapludināšana

Šīs tabulas HTML - ļoti ērts vienība. Ar to jūs varat darīt jebko. Protams, galvenais mērķis - ievietojot informāciju tabulā. Bet izstrādātāji vietņu ir gājusi vēl tālāk. Vienā brīdī tas bija ļoti populārs izmantot tabulu, lai izveidotu portālu ietvaru. Tagad speciālisti cenšas to nedarīt.

Tabulas ir atraduši savu plašu pielietojumu, jo liels skaits atribūtiem. Piemēram, ļoti noderīga īpašība pagriezās kombinējot rindas vai kolonnas.

Ievads teorijā

HTML, savienība šūnām notiek ar divām īpašībām: colspan un rowspan. Tie ir norādīti uz td tag.

Ļaujiet mums vispirms analizēt struktūru katra galda, pirms mēs ienirt tēmu. Katrā tabulā ir līnijas, un tajā - šūnu. Atcerieties, ka sākotnēji, visas tabulas ir jāsatur pašu šūnu skaitu.

Skaitlis iepriekš norādītajām divām rindām un katrā no trim šūnām. Tā ir kopēja galda. Ja jums ir kādas lodziņā mazāku šūnu skaitu, tabula ir "iziet ārā", viss netiks parādīti pareizi.

HTML-tabula: apvienot šūnas vertikāli un horizontāli

Lai norādītu mazāks skaits šūnām vai virknes var izmantot tikai tad, ja jums ir kaut ko apvienot. Bet tā vietā, svītrotā posteņa tuvākajam kaimiņam uz augšu jums ir nepieciešams, lai norādītu papildu atribūtu. Ja jūs apvienot kolonnas, tad colspan, ja stīgas, tad rowspan. Par atribūta vērtība norāda vienību skaitu, kurus vēlaties apvienot.

Lūdzu, ņemiet vērā, ka jums ir nepieciešams, lai precizētu to tuvāko elementu uz augšu. Piemēram, augstāk redzamajā attēlā, ja jūs vēlaties apvienot šūnu 1 un 2, jums ir nepieciešams norādīt uz šūnu 1 colspan atribūtu ar vērtību diviem. Un izdzēsiet vietas vai numuru 2: 3, tas nav svarīgi.

Apakšējā līnija ir tas, ka jums pateikt šūnu, cik daudz vietas tas prasīs. Noklusējuma vērtība ir 1.

Apvienot šūnas vertikāli HTML tabulu notiek pēc tāda paša principa. Vienkārši aizņem vieta tiks uzskatīta par vertikāli. Skatīt izdomāt zemāk.

Lūk, šūnu ar numuru 43. aizņem divas virknes. Lai to izdarītu, jūs norādāt atribūta rowspan. Tikai jāatceras:

• Rinda - rinda.
• Col - kolonna / kolonna.
• Span - asociācija.

Veidotāji ir centušies panākt valodu, cik vien iespējams, lai cilvēku, tā, ka pat nezinot to varētu kaut kā saprast.

HTML, savienība šūnas var izdarīt divos virzienos: vertikāli un horizontāli. Lai to izdarītu, mums ir norādīt gan atribūtu.

Iepriekš skaitlis ir tikai, ka, un norādīja, ka apvienība var darīt: rindas, kolonnas vai abus rindas un kolonnas.

HTML: sapludināt šūnas. piemēri

Ļaujiet mums apsvērt sarežģītāka piemērus pavērsiens lieliem galdiem. Zemāk pa kreisi Uzstādīt sākotnējo versiju regulāru tabulā. Tiesības - variants ar kombināciju diviem šūnu otrajā rindā. Tik skaidrāka un vieglāk salīdzināt HTML kodu.

Jūs varat arī kombinēt trīs centrā šūnas. Pirmajā gadījumā colspan atribūts norāda šūnu №1. Lūk, pirmais būs nemainīgs, un otrais pievienots colspan, kas vienāds ar trīs.

Ja vēlaties apvienot visas šūnas rindā, lai vienu, pēc tam izņemiet četras td pirmajā norādīt colspan = "5".

Kā jūs varat redzēt, patiesībā, viss ir vienkārši. Nekā sarežģīta. Vissvarīgākais, uzmanīgi, sākot ar pirmo reizi, lai saprastu visus kļūmēm tabulas, un pēc tam bez problēmām nevajadzētu rasties.

Tabula kā vietnes sistēmu

HTML, savienība šūnu ne vienmēr lieto regulāri tabulas ar informāciju (Word vai Excel). Website dizaineri bieži, bet pirms aptaujas ir izmantojuši tos izkārtojumu vietās.

Piemēram, uzskata izkārtojumu vietā. Šis dizains - ļoti vienkārša un primitīva. Bet jūs varat parādīt izmantošanu asociācijas skaidri.

Tur sākotnēji galds trīs rindās divu šūnu katrā. Tad, kā izvietot logo vietā, divi šūnu pirmajā rindā ir apvienotas. Apakšējā līnija ir darīt to pašu, lai pielāgotu "pagrabstāvā".

Sakarā ar tās vietā ir iespējams izvietot elementus dizainu, un nekas neatstās savas robežas. Tas ir ļoti ērti un vienkārši. Tāpēc bija tik populārs. Tagad tas ir ieteicams, lai izveidotu div tag blokus.

secinājums

Un atcerieties, ka HTML tabulas šūnu apvienošana, jūs varat darīt, ko vien vēlaties. Tas viss ir atkarīgs no tā, ko vēlaties, un, kā jūs vēlaties, lai sakārtotu to. Svarīgi, nesaņem sajaukt. Ja jūs vēlaties, lai izveidotu lielu tabulu ar lielu skaitu asociāciju, ieteicams izdarīt to visu uz papīra vai Paint. Imposer iesācējiem būs vieglāk.

Kad iegūt pieredzi, šīs darbības var veikt savu galvu viegli.