Lekcija o HTML-a. spajanje ćelija

Tablice u HTML - vrlo zgodno stavku. Sa njima možete učiniti ništa. Naravno, glavni cilj - postavljanje informacija u tabeli. Ali programeri lokaliteta su otišle i korak dalje. U jednom trenutku bilo je vrlo popularno koristiti tablicu za stvaranje stranice okvira. Sada stručnjaci pokušavaju da to ne učini.

Stolovi su našli svoju široku primjenu zbog velikog broja atributa. Na primjer, vrlo koristan imovinu pretvorio kombinirajući redove ili kolone.

Uvod u teoriju

U HTML, sindikat ćelija nastaje pomoću dva atributa: colspan i rowspan. Su navedene za td tag.

Hajde da prvo analiziramo strukturu svakog stola, prije nego što zađe u temu. U svakom stolu postoji linija, au njoj - ćeliji. Imajte na umu da u početku, sve tablice moraju sadržavati isti broj ćelija.

Na slici gore navedene dva reda i u svakoj od tri ćelija. To je zajednički stol. Ako imate bilo kakvih otkucajte manji broj ćelija, tabele se "iseliti", svi se neće ispravno prikazati.

HTML-Tabela: spojiti ćelije vertikalno i horizontalno

Da biste odredili manji broj ćelija ili nizovi mogu se koristiti samo ako imate nešto za spajanje. Ali umjesto izbrisane stavke u najbližoj susjeda do vrha trebate navesti dodatni atribut. Ako kombinujete kolone, onda colspan, ako konce, a zatim rowspan. Vrijednost atributa označava broj stavki koje želite spojiti.

Imajte na umu da je potrebno da ga navesti u najbližoj element do vrha. Na primjer, na slici gore, ako ste htjeli kombinirati ćelija 1 i 2, morate navesti u ćeliji 1 colspan atribut s vrijednošću od dva. I brisanje poziciju broj 2 ili 3, to nije bitno.

Suština je da vam je ćelija koliko prostora će biti potrebno. Default vrijednost je 1.

Spojiti ćelije vertikalno HTML-sto se odvija na istom principu. Jednostavno okupirali prostor će se smatrati vertikalno. Vidi sliku ispod.

Evo, ćelija sa brojem 43 traje dva žice. Da biste to učinili, možete odrediti atribut rowspan. Upravo sam se setio:

• Red - red.
• Col - kolona / kolona.
• Span - Association.

Tvorci su pokušali da dovedu jezika moguće da ljudski, tako da čak i ne znajući to, nekako mogli shvatiti.

U HTML, sindikat ćelija može da se uradi u dva pravca: vertikalno i horizontalno. Da biste to učinili, mi navesti oba atributa.

Gornja slika je upravo to i izjavio da je udruženje može učiniti: redove, kolone, ili oba reda i kolone.

HTML: spojiti ćelije. primjeri

Razmotrimo složenijih primjera prekretnica na velikim stolovima. Ispod na lijevoj original verzija uobičajene tablice. A u pravu - varijanta sa kombinacijom dvije ćelije u drugom redu. Dakle, jasnije i lakše za usporedbu HTML-koda.

Također se možete kombinirati tri u centru ćelije. U prvom slučaju colspan atribut određuje ćelije №1. Evo, prvi će biti nepromijenjena, a drugi dodan u colspan, što je jednako tri.

Ako želite spojiti sve ćelije u nizu na jednu, a zatim uklonite četiri td u prvom pokazuju colspan = '5'.

Kao što možete vidjeti, u stvari, sve je jednostavno. Ništa komplicirano. Ono što je najvažnije, pažljivo, od prvog vremena da razumijete sve zamke stolova, a onda nema problema ne bi trebalo da se pojavi.

Sto kao sajt okvir

U HTML, sindikat ćelija nije uvijek koristi za redovno tablice s informacijama (u Word ili Excel). Web stranice dizajneri često, ali prije glasanja ih koristiti za raspored lokacija.

Na primjer, uzmite u obzir raspored stranice. Ovaj dizajn - vrlo jednostavno i primitivno. Ali možete pokazati korištenje udruživanja eksplicitno.

Bilo je prvobitno sto tri reda dva ćelija svakog. Zatim će staviti logo na lokaciji, dvije ćelije u prvom redu su zajedno. Suština je da to isto za smještaj "podruma".

Zbog svoje mjesto je moguće postaviti elemente dizajna, i ništa neće napustiti svoje granice. Ovo je vrlo zgodan i jednostavan. Stoga, bilo je tako popularan. Sada, preporučuje se da se stvori div tag blokova.

zaključak

I zapamtite da je spajanje HTML ćelije tabele, možete činiti što god želite. Sve ovisi o tome što želite i kako želite da ga organizirati. Važnije, ne dajte se zbuniti. Ako želite stvoriti veliki stol sa velikim brojem udruženja, preporučuje se da se sve to nacrtati na komad papira ili u Paint. Imposer početnici će biti lakše.

Kada dobit iskustvo, ove operacije možete lako izvesti u tvojoj glavi.