Lekcija za HTML. Spajanje celic

Tabele v HTML - zelo priročen element. Z njimi lahko narediš karkoli. Seveda je glavni namen - dajanje informacij v tabeli. Vendar so razvijalci spletnih strani še dlje. Nekoč je bil zelo priljubljen uporabiti tabele za ustvarjanje okvira stran. Zdaj strokovnjaki se trudijo, da tega ne stori.

Mize so našli svojo široko uporabo zaradi velikega števila atributov. Na primer, zelo uporabna lastnost izkazalo združevanje vrstic ali stolpcev.

Uvod v teorijo

V HTML, zveza celic se zgodi s pomočjo dveh atributov: colspan in rowspan. Ti so določeni za td tag.

Naj nam najprej analizirati strukturo vsake tabele, preden smo se poglobili v temo. V vsaki mizi je linija, in v njej - celic. Ne pozabite, da na začetku, je treba vse tabele vsebujejo enako število celic.

Na sliki zgoraj navedenih dveh vrstah in v vsaki od treh celic. Gre za skupno mizo. Če ste na katero koli polje vnesite manjše število celic, se tabela "izseliti", vsi ne bodo pravilno prikazane.

HTML Tabela: spojiti celice vertikalno in horizontalno

Če želite določiti manjše število celic ali nizov se lahko uporablja le, če imate kaj, da se združijo. Toda namesto izbrisanega postavke v najbližji sosed na vrh morate določiti dodaten atribut. Če ste združiti stolpce, nato colspan, če strune, nato rowspan. Vrednost atributa navaja število predmetov, ki jih želite združiti.

Prosimo, upoštevajte, da boste morali določiti v najbližji element na vrhu. Na primer, na sliki zgoraj, če boste želeli združiti celico 1 in 2, ki jih je treba navesti v celični 1 colspan atribut z vrednostjo dveh. In izbrisati številko položaja 2 ali 3, ni važno.

Bottom line je, da poveste celico, koliko prostora bo trajalo. Privzeta vrednost je 1.

Spoji celice navpično HTML-miza poteka na istem principu. Preprosto bodo zasedli prostor šteje kot vertikalno. Glej sliko spodaj.

Tu je celica s številko 43 je dveh nizov. Če želite to narediti, si določite atribut rowspan. Samo spomnil:

• Row - vrstica.
• Col - stolpec / stolpec.
• Span - Association.

Ustvarjalci so poskušali, da bi jezik, kot je mogoče, da človek, tako da tudi ne da bi vedel, bi nekako razumel.

V HTML, lahko združitev celic poteka v dveh smereh: vertikalno in horizontalno. Da bi to naredili, smo določiti tako atribut.

Zgoraj številka je prav to, in navedlo, da združenje lahko storite: vrstice, stolpce ali tako vrstice in stolpce.

HTML: spojite celice. primeri

Vzemimo bolj kompleksno primeri mejnik na velikih tabel. Spodaj na levi Set izvirno različico redni tabeli. Pravica - varianta s kombinacijo dveh celic v drugi vrsti. Torej, jasno in lažje primerjati HTML-kodo.

Prav tako lahko kombinirate s tri na sredini celice. V prvem primeru colspan atribut določa celico №1. Tu bo najprej nespremenjena, in drugi dodamo k colspan, enaka tri.

Če želite spojiti vse celice v vrsti za eno, nato odstranite štiri td v prvem kažejo colspan = '5'.

Kot lahko vidite, v resnici, je vse enostavno. Nič zapleteno. Najpomembneje je, da previdno, od prvič, da razumejo vse pasti tabel, nato pa brez težav ne bi prišlo.

Preglednica kot okvir mesta

V HTML, združitev celic ni vedno uporablja za redne tabel z informacijami (v Word in Excel). Spletna stran oblikovalci pogosto, vendar pred ankete so jih uporabljali za postavitev spletnih strani.

Vzemimo na primer postavitev spletne strani. Ta oblika - zelo enostavno in primitivno. Vendar pa lahko prikažemo uporabo združevanja jasno.

Tam je sprva kazalo treh vrsticah dveh celic vsak. Potem, da se logotip spletne strani so združili, dve celice v prvi vrsti. Bottom line je, da storijo enako za namestitev "klet".

Glede na njegovo mesto pa je mogoče, da se elemente oblikovanja, in nič ne bo zapustil svoje meje. To je zelo priročno in enostavno. Zato je bil tako priljubljen. Zdaj, je priporočljivo, da ustvarite div tag blokov.

zaključek

In ne pozabite, da je HTML celici tabele združitev, lahko to storite vse, kar vam je všeč. Vse je odvisno od tega, kaj si želite in kako ga želite urediti. Pomembno je, da ne dobijo zmedeni. Če želite ustvariti veliko mizo z velikim številom društev, je priporočljivo, da se vse sestavi na papirju ali v Paint. Nametljivac začetniki, da bo lažje.

Ko pridobitev izkušenj, te operacije lahko izvajate v vaši glavi enostavno.