Jinsi ya kufanya meza katika HTML: maelezo ya kina ya

Meza - moja ya muhimu zaidi, lakini wakati huo huo tata mambo ambayo ni lazima kuwa sasa juu ya kurasa za mtandao. Kwa msaada wao ni rahisi kuomba taarifa muhimu na muhimu katika mfumo badala mafupi. Bila shaka, wahariri wengi katika templates, kazi ya injini mbalimbali, moja kwa moja kuingiza meza katika tovuti yako au uchapishaji tofauti, lakini kile kama mtandao wa rasilimali kubuni, kurasa zake kuundwa kutoka mwanzo? Kisha novice bwana unaweza kupata tatizo: jinsi ya kufanya meza katika HTML. Hebu tuone jinsi ya haraka na kwa usahihi kujenga bidhaa.

kuchagua mhariri

Kwanza kabisa, kuanzia kujenga meza, unapaswa kufafanua mhariri ambao kazi. Bila shaka, njia rahisi ya kuchagua mpango ambapo wewe kujenga tovuti code msingi. Lakini ni bora kutumia kwa lengo hili umri nzuri Notepad.

Unaweza kuuliza, kwa nini ugumu wa maisha yako, kwa sababu kama wewe kufanya kila kitu sahihi katika mhariri, basi matokeo inaweza kuonekana mara moja, pia, na hata humshauri mpango wa kutumia.

Ndiyo, ni kweli, lakini kujenga meza kutoka mwanzo, huwezi tu kuwa na uwezo kabisa kuchunguza kanuni ya kuundwa kwake, lakini pia kuzuia typos aibu na makosa katika kanuni msingi. Wakati mwingine hutokea kwa bahati kwamba mshale ni wakiongozwa chini, na mchakato wa kuandika code katika makosa creeps katika, ambayo wakati mwingine ni vigumu kupata. Kujenga meza katika daftari, unaweza nakala kanuni na kuweka katika nafasi ya haki kwa ajili yenu.

algorithm kwa kujenga meza

Kuanza, kufanya short algorithm, jinsi ya kufanya meza katika HTML. Hii ni kuhakikisha kwamba wewe kuelewa mlolongo wa kila hatua. Kisha kuchambua hasa jinsi ya kufanya kila mmoja vitu.

Hebu tuanze na hatua ya maandalizi.

1. Chora schematic kwenye karatasi meza picha.

2. Hesabu idadi ya safu na seli. Kama idadi ya tofauti iliyopita - kufikiria kila ryadochka tofauti.

3. Amua idadi katika seli mstari-header (kwa mfano, «№» kiini, "Jina" na t. D.).

4. Andika vigezo kuu ya meza - rangi, urefu na upana, Nakala alignment - katika muda mfupi, kila kitu inaonekana inafaa.

Kisha kwenda moja kwa moja kuundwa kwa jedwali:

1. Weka vitambulisho meza.

2. Weka vitambulisho ya mistari kwa kuzingatia kiasi kwamba unahitaji.

3. safu kuingiza vitambulisho wa seli (kawaida na herufi kubwa), pia kwa misingi ya kiasi hicho na kumbukumbu kwenye karatasi.

4. Kuweka vigezo kwa meza nzima.

5. Kama unahitaji kuweka vigezo kwa seli ya mtu binafsi.

6. Jaza seli asilia yetu.

kujenga meza

Hivyo, kuchagua mhariri, sasa hebu angalia jinsi ya kujenga meza katika HTML. Tag ambayo inaruhusu meza () imeingizwa katika kanuni ukurasa ni paired, yaani, ujenzi wetu huanza na lebo hii na kuisha kwa .

Kuingiza meza vitambulisho, kuendelea na kujenga mistari na seli.

Sasa, sisi kutambua kwamba mambo haya ni pia vilivyooanishwa. Tag amefafanua kamba, na - seli.

Kwa sehemu ya juu ya seli itumike mambo vilivyooanishwa .

Kama tayari kutajwa, hatua ya kwanza ni kuweka mpaka, basi una kujiandikisha kiini. Ili kuepuka kuchanganyikiwa, ni vyema kufanya padding yoyote kati ya kila block sambamba au mbili, la sivyo kuagiza mambo mapya ya kuzuia kwa kutumia "Tab" ufunguo.

Jinsi gani ni kuangalia kama? Kitu kama hii:

• ;
• ;
• № p / p ;
• jina ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

Kama unavyoona, hakuna kitu ngumu kuhusu hilo. Jambo kuu - si kupotea kwa idadi ya mistari na seli. Vinginevyo, meza huelekezwa.

Sisi ni dismantled kujenga meza katika HTML, sasa tunaweza kuendelea na vigezo ya wote Matrix na safu yake na seli.

Chaguzi meza

Wakati kanuni imeandikwa, ni muhimu kwa makini na pointi zifuatazo: alignment katika meza HTML, rangi ya mipaka, background, maandishi, na kadhalika.

vigezo ni maalum katika tag meza . Hizi ni pamoja na:

1. Mpaka - upana mpaka. Inavyoelezwa na namba kamili. By default, mipaka yoyote meza kutoweka.

2. BorderColor - rangi ya mpaka. Inaweza kutolewa kama hexadesimoli rangi (# 00008B), na jina lake juu angliykom (darkblue). By default, daima kijivu.

3. Bgcolor - rangi ya asili. Kama ilivyoelezwa na kanuni au jina.

4. Panga - align Nakala kwa meza. Default - upande wa kushoto. Kuna chaguzi zifuatazo kwa kigezo hiki:

• kushoto - wrap kulia;
• haki -obtekanie wa kushoto;
• kituo cha - meza pato katikati bila mtiririko.

5. upana na urefu - upana na urefu wa meza. Ni inaweza kuwa ama katika saizi au kama asilimia (ikilinganishwa na dirisha browser kawaida).

Maagizo kiashiria fulani, inapaswa kuangalia kwa design. Baada ya kubainisha vigezo kwenda ishara "sawa", baada ya hapo katika quotes huonyesha thamani predetermined.

Kama kwa rangi ya maandishi, kisha kufanya nje kwa njia moja kama nakala wazi katika muundo HTML.

Mfano wa jedwali:

• ;
• ;
• № p / p ;
• jina ;
• ;
• ;
• 1 ;
• Ivanov ;
• ;
• .

safu vigezo

Hivyo tumekuwa tayari figured nje ya jinsi ya kufanya meza katika HTML na kuagiza vigezo yake kuu. Lakini nini kama tunahitaji kutenga kamba? Angalia yake si kama mwili kuu ya meza?

vigezo line zimeandikwa katika tag katika njia ile ile kama meza data. Kwa Mpya vipengele vifuatavyo unaweza kuelezwa:

1. Tayari anajulikana kwa wewe mipakani, BorderColor na Bgcolor.

2. Panga - align Nakala katika mstari. Inaweza kuweka kushoto, kituo na kulia.

3. Valign - tag aligns asilia wima. Inachukua thamani zifuatazo:

• juu - Nakala iimepangwa mpaka wa juu;
• katikati - katikati,
• chini - makali ya chini.

MFANO line kibali:

• ;
• № p / p ;
• jina ;
• .

seli vigezo

Na jambo la mwisho inapaswa kuangalia kwa wale ambao wanataka kujua jinsi ya kufanya meza katika HTML - vigezo ya seli ya mtu binafsi, wote kawaida na mitaji. Kwa kweli, kila kitu ni kufanyika kwa njia sawa na kwa meza au mfululizo. Aliongeza tu mambo mawili muhimu:

1. colspan - parameter hii inabainisha idadi ya safu wima ambayo kiini inaweza kupanua.

2. rowspan - tayari inaonyesha Idadi ya mistari inamilikiwa na kisanduku hiki.

Kwa kuwa mpango ni tofauti na line dawa, itakuwa si kusababisha code sampuli.

matokeo ya utafiti

Kufanya meza ni kama si vigumu kama inaweza kuonekana katika mtazamo wa kwanza. Jambo kuu wakati wa kuandika code wake - uvumilivu na makini.

Kama kwa jinsi ya kuingiza meza katika HTML, basi kanuni namba yake inatosha nakala na kuweka katika nafasi ya ukurasa wako, ambapo, kwa maoni yako, lazima kuwekwa.

Usiogope kwa majaribio, na hivi karibuni wewe ni kikamilifu mastered mbinu ya kujenga meza. bahati njema!