Somo juu ya HTML. kuunganisha seli

meza katika HTML - bidhaa husaidia sana. Nao unaweza kufanya kitu chochote. Bila shaka, lengo kuu - kuweka habari katika meza. Lakini watengenezaji wa maeneo wamekwenda zaidi. Kwa wakati mmoja ilikuwa ni maarufu sana kutumia meza ya kujenga tovuti ya mfumo. Sasa wataalamu ni kujaribu si kufanya hivyo.

Meza wamegundua maombi yao pana kwa sababu ya idadi kubwa ya sifa. Kwa mfano, mali muhimu sana akageuka kuchanganya safu au nguzo.

Kuanzishwa kwa Theory

Katika HTML, muungano wa seli hutokea kupitia kwa sifa mbili: colspan na rowspan. Wao ni maalum kwa ajili ya tag magonjwa ya zinaa.

Hebu kwanza kuchambua mfumo wa kila meza, kabla kujiingiza katika mada. Katika kila meza kuna mstari, na katika hiyo - kiini. Kumbuka kwamba awali, meza zote lazima iwe na idadi sawa ya seli.

takwimu juu unahitajika safu mbili na katika kila moja ya seli tatu. Ni meza ya kawaida. Kama wewe ni katika sanduku yoyote, aina ndogo idadi ya seli, meza ni "hoja nje", kila si kuonyeshwa kwa usahihi.

HTML-Table: kuunganisha visanduku vertikalt na usawa

Kutaja idadi ndogo ya seli au masharti inaweza kutumika tu kama una kitu cha kuunganisha. Lakini badala ya bidhaa kabisa ndani jirani karibu na juu unahitaji kubainisha sifa ya ziada. Kama kuchanganya nguzo, basi colspan, kama masharti, basi rowspan. kiwango cha kipengele inaonyesha idadi ya vitu kuwa unataka kuunganisha.

Tafadhali kumbuka kwamba unahitaji bayana katika kipengele karibu juu. Kwa mfano, katika takwimu hapo juu, kama ulitaka kuchanganya kiini 1 na 2, unahitaji bayana katika kiini 1 colspan sifa na thamani ya mbili. Na kufuta nafasi namba 2 au 3, haina umuhimu.

line ya chini ni kwamba kuwaambia kiini ukubwa wa nafasi itachukua. thamani chaguo-msingi ni 1.

Unganisha visanduku wima HTML-meza unafanyika kwenye kanuni sawa. Tu nafasi ulichukua yatazingatiwa kama wima. Angalia takwimu chini.

Hapa, seli na idadi 43 inachukua masharti mawili. Ili kufanya hivyo, wewe taja sifa rowspan. Tu alikumbuka:

• Row - mfululizo.
• Kanali - safu / safu wima.
• Span - Association.

wabunifu wamejaribu kuleta lugha iwezekanavyo ili binadamu, ili hata bila kujua, kwa namna fulani kuelewa.

Katika HTML, muungano wa seli inaweza kufanyika katika pande mbili: wima na usawa. Kwa kufanya hivyo, sisi kubainisha sifa.

takwimu juu ni tu kwamba na kusema kuwa chama unaweza kufanya: safu, safu, au safu zote mbili na safu wima.

HTML: kuunganisha seli. mifano

Hebu fikiria ngumu zaidi mifano hatua kwenye meza kubwa. Hapa chini upande wa kushoto Kuweka toleo asili ya meza mara kwa mara. haki - lahaja kwa mchanganyiko wa chembe mbili katika safu ya pili. Hivyo wazi na rahisi kulinganisha HTML-code.

Unaweza pia kuchanganya tatu katika kituo cha seli. Katika kesi ya kwanza colspan sifa bayana kiini №1. Hapa, kwanza itakuwa kubadilika, na ya pili aliongeza kwa colspan, sawa na tatu.

Kama unataka kuunganisha seli zote katika mstari kwa moja, basi kuondoa td nne katika kwanza zinaonyesha colspan = '5'.

Kama unavyoona, kwa kweli, kila kitu ni rahisi. Kitu ngumu. Muhimu zaidi, makini, mara ya kwanza ya kuelewa pitfalls wote wa meza, na kisha hakuna matatizo lazima kutokea.

Meza kama eneo mfumo

Katika HTML, muungano wa seli ni daima kutumika kwa ajili ya meza ya mara kwa mara na habari (katika neno au Excel). Tovuti wabunifu mara nyingi, lakini kabla ya uchaguzi na kutumika yao kwa mpangilio wa maeneo ya.

Kwa mfano, fikiria mpangilio wa tovuti. Mtindo huu - rahisi sana na mali. Lakini unaweza kuonyesha matumizi ya chama waziwazi.

Kulikuwa na awali meza ya mistari mitatu ya seli mbili kila moja. Kisha, ya kuweka nembo ya tovuti, seli mbili mfululizo kwanza kuwa pamoja. line ya chini ni kufanya hivyo kwa ajili ya malazi "Lelo".

Kutokana na nafasi yake inawezekana kuweka mambo ya kubuni, na hakuna kitu kuacha mipaka yake. Hii ni rahisi sana na rahisi. Kwa hiyo, ilikuwa hivyo maarufu. Sasa, inashauriwa kujenga div tag vitalu.

hitimisho

Na kumbuka kwamba HTML meza kiini kuunganisha, unaweza kufanya chochote kama. Yote inategemea unataka nini na jinsi unataka kupanga yake. Muhimu sana, hawapati kuchanganyikiwa. Kama unataka kujenga meza kubwa na idadi kubwa ya vyama, inashauriwa kuteka yote juu ya kipande cha karatasi au katika rangi. Imposer Kompyuta itakuwa rahisi zaidi.

Wakati faida uzoefu, shughuli hizi unaweza kufanya katika kichwa yako kwa urahisi.