Lezzjoni fuq HTML. Twaħħid ċelluli

It-tabelli fil-HTML - oġġett ferm handy. Magħhom inti tista 'tagħmel xejn. Naturalment, l-iskop prinċipali - tqegħid informazzjoni f'tabella. Iżda l-iżviluppaturi ta 'siti imxew aktar. Fi żmien wieħed kien popolari ħafna għall-użu ta 'tabella biex jinħoloq qafas sit. Issa professjonisti qed jippruvaw li ma jagħmlu dan.

Tabelli sabu applikazzjoni wiesgħa tagħhom minħabba n-numru kbir ta 'attributi. Per eżempju, proprjetà utli ħafna daru tgħaqqad fillieri jew kolonni.

Introduzzjoni għall-Teorija

HTML, l-unjoni ta 'ċelluli iseħħ permezz ta' żewġ attributi: colspan u rowspan. Dawn huma speċifikati għall-tikketta td.

Ejjew l-ewwel tanalizza l-istruttura ta 'kull tabella, qabel we wieħed jidħol fis-suġġett. F'kull tabella hemm linja, u fiha - phone. Ftakar li inizjalment, it-tabelli kollha għandhom ikun fihom l-istess numru ta 'ċelloli.

Il-figura ta 'hawn fuq indikati żewġ ringieli u f'kull waħda mis tliet ċelloli. Huwa tabella komuni. Jekk għandek xi kaxxa, tip ta 'numru iżgħar ta' ċelluli, it-tabella hija "tiċċaqlaq barra", kollha mhux se jintwerew b'mod korrett.

HTML Tabella: jingħaqdu ċelloli vertikalment kif ukoll orizzontalment

Li tispeċifika numru iżgħar ta 'ċelluli jew kordi jistgħu jintużaw biss jekk ikollok xi ħaġa li jingħaqdu. Iżda minflok l-oġġett mħassra fl-eqreb ġar għall-quċċata għandek bżonn li jispeċifikaw attribut addizzjonali. Jekk inti jikkombinaw l-kolonni, allura l-colspan, jekk il-kordi, imbagħad rowspan. Il-valur ta 'attribut jindika n-numru ta' oġġetti li inti tixtieq li jingħaqdu.

Jekk jogħġbok innota li għandek bżonn biex tispeċifika dan fl-eqreb element fil-wiċċ. Per eżempju, fil-figura ta 'hawn fuq, jekk int riedu li jgħaqqdu l-ċellula 1 u 2, għandek bżonn li jispeċifikaw fil-ċellola 1 colspan attribut b'valur ta' tnejn. U ħassar in-numru pożizzjoni 2 jew 3, ma jimpurtax.

L-aħħar linja hija li inti tgħid il-phone kemm l-ispazju se tieħu. Il-valur ta 'default 1.

Jingħaqdu ċelluli vertikalment HTML tabella sseħħ fuq l-istess prinċipju. Sempliċiment ispazju okkupat se jiġu kkunsidrati bħala vertikalment. Ara figura hawn taħt.

Hawnhekk, iċ-ċellula man-numru 43 jieħu żewġ kordi. Biex tagħmel dan, inti tispeċifika l-rowspan attribut. Just mfakkar:

• Ringiela - ringiela.
• Kurunell - kolonna / kolonna.
• Ispan - Assoċjazzjoni.

Il-ħallieqa ppruvaw iġibu l-lingwa fis possibbli lill-bniedem, sabiex anke mingħajr ma jkunu jafu, jista b'xi mod jifhmu.

HTML, l-unjoni ta 'ċelluli jista' jsir f'żewġ direzzjonijiet: vertikalment u orizzontalment. Biex tagħmel dan, aħna jispeċifika kemm attribut.

Il-figura ta 'hawn fuq huwa biss li u ddikjara li l-assoċjazzjoni tista' tagħmel: ringieli, kolonni, jew it-tnejn ringieli u kolonni.

HTML: jingħaqdu ċelloli. eżempji

Ejja nieħdu eżempji aktar kumplessi importanti fit-tabelli kbar. Hawn taħt fuq ix-xellug Issettja l-verżjoni oriġinali ta 'tabella regolari. Dritt - varjant bil-kombinazzjoni ta 'żewġ ċelloli fit-tieni ringiela. Allura aktar ċar u aktar faċli li jqabblu l-HTML code.

Tista 'wkoll jgħaqqdu l-tlieta fil-ċentru taċ-ċellula. Fl-ewwel każ attribut colspan jispeċifika l-ċellula №1. Hawnhekk, l-ewwel se jibqgħu mingħajr tibdil, u t-tieni miżjuda mal-colspan, ugwali għal tlieta.

Jekk inti tixtieq li jingħaqdu l-ċelluli fir-ringiela għal wieħed, imbagħad neħħi l-erba td fl-ewwel tindika colspan = "5".

Kif tistgħu taraw, fil-fatt, kollox huwa sempliċi. Xejn kkumplikata. Most importantly, b'attenzjoni, mill-ewwel darba li jifhmu l-iżvantaġġi tat-tabelli, u mbagħad l-ebda problemi m'għandhomx jinqalgħu.

Tabella bħala qafas sit

HTML, l-unjoni ta 'ċelluli mhux dejjem użat għat-tabelli regolari mal-informazzjoni (fil-Word jew Excel). disinjaturi websajt spiss, iżda qabel l-istħarriġ jkunu użawhom għall-format ta 'siti.

Per eżempju, jikkunsidraw it-tqassim tas-sit. Dan id-disinn - sempliċi ħafna u primittiv. Iżda int tista 'turi l-użu ta' assoċjazzjoni b'mod espliċitu.

Kien hemm oriġinarjament tabella ta 'tliet ringieli ta' żewġ ċelloli kull wieħed. Imbagħad, biex tqiegħed il-logo tas-sit, iż-żewġ ċelloli fil-ewwel ringiela ġew magħquda. Il-bottom line huwa li tagħmel l-istess biex jakkomoda l-"kantina".

Minħabba l-post tagħha huwa possibbli li jqiegħed elementi ta 'disinn, u xejn ma jkunux se jħallu limiti tagħha. Dan huwa konvenjenti ħafna u sempliċi. Għalhekk, kien tant popolari. Issa, huwa rakkomandat li jinħoloq blokki tag div.

konklużjoni

U ftakar li l-fużjoni ċellola tabella HTML, inti tista 'tagħmel dak kollu li tixtieq. Dan kollu jiddependi fuq dak li trid u kif inti tixtieq li tirranġa dan. Importanti, ma jsibux konfuż. Jekk inti tixtieq li toħloq tabella kbira ma 'numru kbir ta' assoċjazzjonijiet, huwa rakkomandat li tiġbed dan kollu fuq biċċa karta jew fil-Paint. jibdew Imposer se jkun aktar faċli.

Meta esperjenza qligħ, dawn l-operazzjonijiet inti tista 'twettaq fir-ras faċilment.