Leciono pri HTML. kunfandante ĉeloj

La tabloj en la HTML - tre oportuna ero. Kun ili vi povas fari ion ajn. Kompreneble, la ĉefa celo - metante informo sur tabelo. Sed la programistoj de lokoj iros. Iam ĝi estis tre populara uzi tabelo por krei retejon kadron. Nun profesiuloj provas ne fari tion.

Tabloj trovis sian larĝan aplikon pro la granda nombro da atributoj. Ekzemple, tre utila proprieto turnis kombinado vicoj aŭ kolumnoj.

Enkonduko al la Teorio

En HTML, la kuniĝo de ĉeloj okazas per du atributoj: colspan kaj rowspan. Ili estas precizigita por la td etikedon.

Ni unuaj analizi la strukturon de ĉiu tablo, antaŭ ol ni enprofundiĝi en la temo. En ĉiu tablo estas linio, kaj en ĝi - ĉelo. Memoru ke komence, ĉiuj tabloj devas enhavi la saman nombron de ĉeloj.

La figuro supre indikitaj du vicoj kaj en ĉiu el tri ĉeloj. Ĝi estas komuna tablo. Se vi estas en ajna kesto, tajpu pli malgranda nombro de ĉeloj, la tablo estas "translokiĝi", ĉiuj ne estos montrataj ĝuste.

HTML-Tablo: kunfandi ĉelojn vertikale kaj horizontale

Specifi pli malgranda nombro de ĉeloj aŭ kordoj povas esti uzata nur se vi havas ion por kunfandi. Sed anstataŭ la forigita eron en la plej proksima najbaro al la pinto vi devas specifi kroman eco. Se vi kombini la kolumnoj, tiam la colspan, se la kordoj, do rowspan. La valoro de atributo indikas la numeron de eroj kiu vi volas kunfandi.

Bonvolu noti ke vi devas specifi ĝin en la plej proksima elemento al la supro. Ekzemple, en la figuro pli supre, se vi volis kombini la ĉelo 1 kaj 2, oni bezonas specifi en la ĉelo 1 colspan eco kun valoro de du. Kaj forigi la pozicio numero 2 aŭ 3, ne gravas.

La malsupra linio estas ke vi diru la ĉelo kiom spaco ĝi prenos. La defaŭlta valoro estas 1.

Kunfandi ĉelojn vertikale HTML-tabelo okazas en la sama komenco. Simple okupita spaco estos konsiderita kiel vertikale. Vidu kalkuli sube.

Ĉi tie, la ĉelo kun la nombro 43 prenas du ŝnuroj. Por fari tion, vi specifas la eco rowspan. Nur memoras:

• Vico - vico.
• Kol - kolumno / kolumno.
• Span - Asocio.

La kreintoj provis alporti la lingvon kiel eble al la homo, tiel ke eĉ sen scii ĝin, povus iel komprenas.

En HTML, la kuniĝo de ĉeloj povas esti farita en du direktoj: vertikale kaj horizontale. Por fari tion, ni specifi ambaŭ eco.

La figuro supre estas nur tio kaj deklaris ke la asocio povas fari: vicoj, kolumnoj, aŭ ambaŭ vicoj kaj kolumnoj.

HTML: kunfandi ĉeloj. ekzemploj

Ni konsideras pli kompleksa ekzemplojn mejloŝtono sur grandaj tabloj. Sube maldekstre Agordu la originala versio de regula tablo. Al dekstra - varianto kun kombinaĵo de du ĉeloj en la dua vico. Do pli klara kaj pli facile kompari la HTML-kodo.

Vi ankaŭ povas kombini la tri en la centro de la ĉelo. En la unua kazo colspan eco specifas la ĉelo №1. Ĉi tie, la unua estos neŝanĝita, kaj la dua aldonitaj al la colspan, egala al tri.

Se vi volas kunfandi ĉiujn ĉelojn en vico al sola, tiam forigu la kvar td en la unua indiki colspan = '5'.

Kiel vi povas vidi, fakte, ĉio estas simpla. Nenio komplika. Plej grave, singarde, de la unua fojo kompreni ĉiuj kaptiloj de la tabloj, poste problemojn ne levigxu.

Tablo kiel ejo kadron

En HTML, la kuniĝo de ĉeloj ne ĉiam uzata por regula tabloj kun la informo (en Word aŭ Excel). Afiŝinto diseñadores ofte, sed antaŭ la urnoj uzis ilin por la aranĝo de lokoj.

Ekzemple, konsideru la aranĝo de la retejo. Tiu dezajno - tre simpla kaj primitiva. Sed vi povas montri la uzon de asocio eksplicite.

Ekzistis origine tablon el tri vicoj de du ĉeloj ĉiu. Tiam, por meti la logo de la retejo, la du ĉeloj en la unua vico estis kombinitaj. La malsupra linio estas fari same por akomodi la "kelon".

Pro ĝia loko eblas meti elementoj de dezajno, kaj nenio ne lasos siajn limojn. Jen tre oportuna kaj simpla. Pro tio, ĝi estis tiel populara. Nun, ĝi rekomendas krei div etikedo blokoj.

konkludo

Kaj memoru, ke la HTML tablo ĉelo fuziadon, vi povas fari kion ajn vi ŝatas. Tute dependas de kion vi volas kaj kiel vi volas aranĝi ĝin. Grave, ne get konfuzita. Se vi volas krei grandan tablon kun granda nombro de asocioj, ĝi rekomendas ĉerpi ĉion sur pecon da papero aŭ en la Paint. Imposer komencantoj estos facila.

Kiam gajno sperto, tiuj operacioj povas realigi en la kapo facile.