Lekcija o HTML-u. Spajanje ćelija

Tablice u HTML-u - vrlo zgodan predmet. S njima možete učiniti ništa. Naravno, glavni cilj - stavljanje informacije u tablici. No, programeri web otišli su dalje. U jednom trenutku bilo je vrlo popularno koristiti tablicu za stvaranje okvira stranice. Sada stručnjaci pokušavaju da to ne učini.

Tablice su pronašli svoj široku primjenu zbog velikog broja atributa. Na primjer, vrlo korisno svojstvo okrenuo kombinirajući retke ili stupce.

Uvod u teoriju

U HTML-u, sindikat stanica nastaje pomoću dva atributa: colspan i rowspan. Oni su navedeni za td tag.

Neka nam prvo analizirati strukturu svakom stolu, prije nego što smo prekapati u temi. U svakom stolu nalazi se linija, au njemu - stanica. Sjeti se da je u početku, sve tablice moraju sadržavati jednaki broj stanica.

Slika gore navedenim dva reda, a u svakoj od tri stanice. To je zajednički stol. Ako ste na bilo upišite manji broj stanica, tablica se „iseliti”, svi se neće ispravno prikazati.

HTML-Tabela: spajanje ćelija okomito i vodoravno

Da biste odredili manji broj stanica ili nizova mogu se koristiti samo ako imate nešto za spajanje. No, umjesto izbrisanom stavke u najbližeg susjeda do vrha morate odrediti dodatni atribut. Ako kombinirati stupaca, a zatim colspan, ako žice, a zatim rowspan. Vrijednost atributa označava broj stavki koje želite spojiti.

Imajte na umu da morate ga odrediti u najbližem elementa na vrh. Na primjer, na slici gore, ako ste htjeli kombinirati stanica 1 i 2, morate navesti u stanice 1 colspan atributa sa vrijednošću dva. I izbrisati poziciju broj 2 ili 3, to ne smeta.

Dno crta je da kažem ćeliju koliko prostora će ga uzeti. Zadana vrijednost je 1.

Spoji ćelije okomito HTML-stol odvija na istom principu. Jednostavno okupirali prostor će se smatrati okomito. Vidi sliku u nastavku.

Evo, stanica s brojem 43 traje dvije žice. Da biste to učinili, morate navesti atribut rowspan. Samo se sjeti:

• Red - red.
• Stupac - stupac / stupac.
• Span - Udruga.

Tvorci su pokušali dovesti jezik što je više moguće na čovjeka, tako da čak i bez znajući to, nekako mogao razumjeti.

U HTML-u, sindikat stanica se može obaviti u dva smjera: okomito i vodoravno. Da biste to učinili, mi navesti i atribut.

Slika iznad je upravo to i naveo da udruga može učiniti: redaka, stupaca ili oboje redaka i stupaca.

HTML: spajanje ćelija. primjeri

Razmotrimo složeniji primjeri prekretnicu na velikim stolovima. Ispod slijeva Postavite izvornu verziju redovito stola. Pravo - varijanta s kombinacijom dviju stanica, u drugom redu. Dakle, jasnije i lakše za usporediti HTML-kod.

Također možete kombinirati tri u sredini stanice. U prvom slučaju colspan atribut određuje stanicu №1. Evo, prvi će biti nepromijenjena, a druga dodano u colspan, jednako tri.

Ako želite spojiti sve stanice u redu da jedan, a zatim uklonite četiri TD u prvom ukazuju colspan = „5”.

Kao što možete vidjeti, u stvari, sve je jednostavno. Ništa komplicirano. Ono što je najvažnije, pažljivo, s prvi put da razumiju sve zamke stolova, a onda nema problema ne bi trebalo nastati.

Tablica kao okvir stranice

U HTML-u, sindikat stanica nije uvijek koristi za redovite tablice s podacima (u Word ili Excel). Web dizajneri često, ali prije nego što su ankete su ih koristili za izgled stranice.

Na primjer, smatra da je izgled stranice. Ovaj dizajn - vrlo jednostavna i primitivna. No, možete prikazati korištenje udruge eksplicitno.

Tu je izvorno tablica tri reda dvaju stanica svaki. Zatim staviti logotip stranice, dvije stanice u prvom redu su u kombinaciji. Dno crta je da učine isto kako bi se prilagodili „podrum”.

Zbog svoje mjesto je moguće smjestiti elemente dizajna, i ništa neće napustiti svoje granice. To je vrlo zgodan i jednostavan. Dakle, to je bio tako popularan. Sada, preporučljivo je stvoriti oznaku diva blokova.

zaključak

I zapamtite da je HTML tablica stanica spajanjem, možete raditi što god želite. To sve ovisi o tome što želite i kako želite da to organizirati. Važno je, ne dajte se zbuniti. Ako želite stvoriti veliki stol s velikim brojem udruga, preporučljivo je da se sve to izvući na komad papira ili u Paint. Varalica početnici će biti lakše.

Kada steći iskustvo, te operacije možete izvoditi u glavi lako.