Jinsi ya Kujenga Jedwali la 2x2

Jedwali la HTML ni rahisi kuunda mara moja unapoelewa misingi ya safu na nguzo - na mara moja unapoelewa wakati ni sawa kutumia meza na wakati unapaswa kuepuka.

Historia Fupi ya Majedwali na Ubao wa Mtandao

Miaka mingi iliyopita, kabla ya kukubalika kwa viwango vya CSS na wavuti, wasanidi wa wavuti walitumia kipengele cha HTML ili kuunda mpangilio wa ukurasa kwa maeneo. Vipengee vya tovuti vitakuwa "vipande" kwenye vipande vidogo kama puzzle na kisha pamoja na meza ya HTML kutoa katika browser kama ilivyopangwa. Ilikuwa ni mchakato mzima sana ambao uliunda kura nyingi za HTML na ambayo haitatumika kamwe leo katika ulimwengu wa skrini mbalimbali tovuti zetu zinaishi . Kama CSS ikawa njia iliyokubalika ya vielelezo vya ukurasa wa wavuti na mpangilio, matumizi ya meza kwa hili yalimwa na wabunifu wengi wa mtandao kwa makosa waliamini kuwa "meza zilikuwa mbaya." Hiyo ilikuwa na sio kweli. Majedwali ya mpangilio ni mabaya, lakini bado wana nafasi katika kubuni wavuti na HTML, yaani kuonyesha data ya tabular kama kalenda ya ratiba ya treni. Kwa maudhui hayo, kutumia meza bado ni mbinu inayokubalika na nzuri.

Hivyo unawezaje kuweka meza? Hebu tuanze kwa kuunda meza 2x2 tu. Hii itakuwa na nguzo 2 (hizi ni vitalu vya wima) na safu mbili (vitalu vya usawa). Baada ya kujenga meza ya 2x2, unaweza kujenga meza yoyote ya ukubwa ungependa tu kwa kuongeza safu za ziada au safu.

Ugumu: Wastani

Muda Unaohitajika: dakika 10

Hapa ni jinsi gani:

1. Kwanza kufungua meza
2. Fungua mstari wa kwanza na tr tag
3. Fungua safu ya kwanza na td tag
4. Andika yaliyomo ya seli
5. Funga kiini cha kwanza na ufungue pili
6. Andika yaliyomo ya seli ya pili
7. Funga kiini cha pili na funga mstari
8. Andika mstari wa pili kama vile
9. Kisha funga meza

Unaweza pia kuchagua kuongeza vichwa vya meza kwenye meza yako kwa kutumia kipengele. Vipindi vya meza hivi vinachukua nafasi ya vipande vya "data ya meza" katika safu ya kwanza ya meza, kama hii: