Leksyon sa HTML. paghiusa mga selula

Ang mga papan didto sa HTML - sa usa ka kaayo nga handy nga butang. Uban kanila ang imong mahimo sa bisan unsa. Siyempre, ang mga nag-unang katuyoan - sa pagbutang sa impormasyon diha sa usa ka lamesa. Apan ang mga developers sa mga dapit sa unahan. Sa usa ka panahon nga kini mao ang kaayo popular sa paggamit sa usa ka lamesa sa paghimo sa usa ka site gambalay. Karon mga propesyonal nga naningkamot nga dili sa pagbuhat sa ingon.

Lamesa nakakaplag sa ilang halapad nga aplikasyon tungod sa dako nga gidaghanon sa mga hiyas. Pananglitan, ang usa ka kaayo nga mapuslanon nga kabtangan nahimo sa paghiusa sa mga talay o mga haligi.

Pasiuna sa Theory

Sa HTML, ang panaghiusa sa mga selula mahitabo pinaagi sa duha ka mga kinaiya: colspan ug rowspan. Sila bungat alang sa td tag.

Atong una analisa sa gambalay sa matag lamesa, sa dili pa kita delve sa sa hilisgutan. Sa matag lamesa adunay usa ka linya, ug sa sulod niini - cell. Hinumdumi nga sa sinugdanan, ang tanan nga mga lamesa kinahanglan nga naglangkob sa sama nga gidaghanon sa mga selula.

Ang numero sa ibabaw sa gipakita sa duha ka mga laray nga gihulma ug sa matag usa sa tulo ka mga selula. Kini mao ang usa ka komon nga lamesa. Kon ikaw anaa sa bisan unsa nga kahon, type sa usa ka mas gamay nga gidaghanon sa mga selula, ang lamesa mao ang "mobalhin gikan sa", ang tanan dili gipakita sa husto nga paagi.

HTML-Table: iusa mga selula vertically ug horizontally

Sa hingalan sa usa ka mas gamay nga gidaghanon sa mga cell o kuldas mahimong gamiton lamang kon ikaw adunay usa ka butang nga iusa. Apan sa baylo nga sa thread nga butang sa labing duol nga silingan ngadto sa tumoy nga imong gikinahanglan aron sa hingalan sa usa ka dugang nga hiyas. Kon combine kamo sa mga haligi, nan ang colspan, kon ang mga kuldas, unya rowspan. Ang bili sa usa ka hiyas nagpakita sa gidaghanon sa mga butang nga imong gusto sa iusa.

Palihug timan-i nga kamo kinahanglan nga hingalan niini sa labing duol nga elemento ngadto sa tumoy. Pananglitan, diha sa numero sa ibabaw, kon gusto kamo sa combine sa cell 1 ug 2, kamo kinahanglan nga hingalan sa cell 1 colspan hiyas sa usa ka bili sa duha ka. Ug panas ang posisyon nga gidaghanon 2 o 3, kini dili igsapayan.

Ang punto mao nga pagsugilon kaninyo sa cell kon sa unsang paagi sa daghan nga luna kini kuhaon. Ang default bili mao ang 1.

Iusa mga selula vertically HTML-lamesa mahitabo sa sama nga baruganan. Lamang okupar luna nga giisip nga sama sa vertically. Tan-awa ang dagway sa ubos.

Dinhi, ang cell uban sa gidaghanon sa 43 nagkinahanglan sa duha ka kuldas. Sa pagbuhat niini, hingalan kaninyo sa hiyas rowspan. Nahinumdom:

• Row - laray.
• Col - kolum / kolum.
• Gitas-on sa - Association.

Ang mga tiglalang naningkamot sa pagdala sa pinulongan kutob sa mahimo sa tawo, sa pagkaagi nga bisan wala masayud niini, mahimo paagi makasabut.

Sa HTML, ang panaghiusa sa mga selula sa mahimo diha sa duha ka mga direksyon: vertically ug horizontally. Sa pagbuhat niini, hingalan kami sa hiyas.

Ang numero sa ibabaw mao lang nga ug miingon nga ang asosasyon mahimo sa: laray nga gihulma, mga haligi, o ang duha ka laray nga gihulma ug sa mga haligi.

HTML: iusa mga selula. mga panig-ingnan

Atong hisgotan ang sa dugang nga komplikado nga mga ehemplo milestone sa dako nga lamesa. Ubos sa wala Ibutang ang orihinal nga bersyon sa usa ka regular nga lamesa. Usa ka matarung nga - sa usa ka laing uban sa usa ka kombinasyon sa duha ka mga selula sa ikaduha nga laray. Busa tin-aw ug mas sayon nga itandi sa HTML-code.

Ikaw mahimo usab nga combine sa tulo ka sa sentro sa cell. Sa unang kaso colspan hiyas nagtumbok sa cell №1. Dinhi, ang unang mahimong mausab, ug ang ikaduha gidugang ngadto sa colspan, katumbas sa tulo ka.

Kon kamo gusto nga iusa sa tanan nga mga selula sa usa ka laray sa usa ka single, unya kuhaa ang upat ka td sa unang nagpakita colspan = '5'.

Samtang kamo mahimo tan-awa, sa pagkatinuod, ang tanan nga butang mao ang walay-pagtagad. Walay komplikado. Labing importante, pag-ayo, gikan sa unang higayon nga makasabut sa tanan nga mga lit-ag sa mga lamesa, ug unya walay problema nga dili kinahanglan nga motungha.

Lamesa sama sa usa ka site gambalay

Sa HTML, ang panaghiusa sa mga selula dili kanunay nga gigamit alang sa regular nga lamesa uban sa mga impormasyon (sa Pulong o paglabaw pinaagi). Website designers sa kanunay, apan sa atubangan sa mga eleksyon nga gigamit kanila alang sa Layout sa mga dapit.

Pananglitan, tagda ang Layout sa site. disenyo Kini nga - kaayo yano ug karaang. Apan ang imong mahimo sa pagpakita sa paggamit sa asosasyon tin-awng.

Adunay orihinal usa ka lamesa sa tulo ka laray sa mga duha ka mga selula matag usa. Dayon, sa pagbutang sa logo sa site, ang duha ka mga selula sa unang laray nga hiniusa nga. Ang ubos nga linya mao ang pagbuhat sa mao usab nga sa accommodate sa "basement".

Tungod sa iyang dapit kini mao ang posible nga sa pagbutang sa mga elemento sa disenyo, ug walay bisan unsa nga dili mobiya sa iyang mga limitasyon. Kini mao ang usa ka kaayo nga sayon ug yano. Busa, mao kini nga sa popular. Karon, kini girekomendar sa paghimo sa usa ka div tag bloke.

konklusyon

Ug hinumdumi nga ang HTML lamesa cell paghiusa, nga imong mahimo sa pagbuhat sa bisan unsa nga imong gusto. Kini ang tanan nag-agad sa unsay imong gusto ug kon sa unsang paagi kamo gusto sa pag-arrange kini. Importante, ayaw naglibog. Kon kamo gusto sa paghimo sa usa ka dako nga lamesa uban sa usa ka dako nga gidaghanon sa mga pakig-uban, kini girekomendar aron sa pagkalos ug sa tanan nga kini sa ibabaw sa usa ka piraso sa papel o sa Pintal. Imposer beginners kini mahimong mas sayon.

Sa diha nga ganancia nga kasinatian, kini nga mga operasyon nga imong mahimo sa pagbuhat sa imong ulo dali.