Katika mafunzo haya ya HTML yenye mada za jedwali, nitaeleza jinsi ya kutengeneza jedwali la msingi, kuongeza na kuondoa mipaka, kuunda mipangilio, kufanya seli ziwe na umbo na ukubwa unaotaka, weka maudhui ya seli, na kuongeza rangi. Ni rahisi kufuata na iliyoundwa kwa ajili ya wanaoanza. Nimejumuisha picha ili uweze kuona jinsi msimbo wa HTML 5 unapaswa kuonekana. Ningependekeza pia kutumia Kihariri hiki cha Msimbo wa HTML bila malipo. Ingiza msimbo wako katika sehemu ya mkono wa kushoto, na onyesho la kukagua litaonekana upande wa kulia. Ni tovuti nzuri kutumia ikiwa unapanga kuchunguza ulimwengu wa HTML katika siku zijazo. Unda jedwali la msingi Kabla ya kufanya mambo ya kupendeza na mpangilio wa meza, lazima uunde jedwali. The
vitambulisho huambatanisha vipengele vingine vyote vya jedwali. Kila safu kwenye jedwali imewekwa na a
| Yaliyomo kwenye seli | Yaliyomo kwenye seli |
| Yaliyomo kwenye seli | Yaliyomo kwenye seli |
The
vitambulisho vyote vina sifa mbalimbali zinazokuwezesha kudhibiti mwonekano wa jedwali lenyewe pamoja na uwekaji wa yaliyomo. (Soma vidokezo vyetu vingine vya jedwali ili kuzifahamu.) Kwa kukosekana kwa sifa hizo, jedwali hubadilika ili kutoshea karibu na yaliyomo kwenye seli. Utagundua niliongeza kwenye mstari wa tatu kwani nilitaka nafasi kati ya maneno. Kwa hivyo, katika vivinjari vingi, msimbo hapo juu hutoa jedwali lisilo na mpaka ambalo linaonekana kama hii: Jedwali rahisi, lisilo na mpaka. Picha: Kihariri cha Msimbo wa HTML TAZAMA: Sheria 5 Muhimu za HTML kwa Wanaoanza (TechRepublic) Ongeza na uondoe mipaka Majedwali si lazima yawe na maandishi pekee, bila shaka. Miundo mingi changamano unayoona kwenye Wavuti inachanganya picha na maandishi ndani ya seli mbalimbali za jedwali – huwezi kuona mistari, au mipaka, kati ya seli. Sifa ya mpaka ya
Mfano wa pili: Jedwali lenye mpaka usioonekana. Picha: Kihariri cha Msimbo wa HTML
Hapa kuna hila muhimu – tengeneza jedwali kwa mpaka unaoonekana, ambao utakuonyesha jinsi vipengee vyako vimevunjwa. Unapokuwa na kila kitu mahali pake, badilisha sifa ya mpaka kuwa 0. TAZAMA: Msimbo Unaozalishwa na AI Unasababisha Kukatika na Masuala ya Usalama katika Biashara (TechRepublic) Unda mipangilio ya jedwali Sifa mbili za kuwekea maudhui ya jedwali zilikuwa ni kuweka seli na kuweka nafasi ya seli. Hata hivyo, katika HTML 5, sifa hizo hazitumiki tena. Hilo si tatizo; kutumia lugha ya mtindo laha laha laha za Sinema zitasaidia. CSS ni vizuri kujua kwa sababu inaweza kutumika kubainisha uwasilishaji na mtindo wa hati. Sehemu ya CSS katika mfano wetu huanza na . Maneno yanapaswa kujieleza, kwani mpaka umewekwa kwa pikseli 2 na ni nyeusi thabiti, wakati pedi imewekwa kwa pikseli 10. Mwisho hudhibiti umbali (katika saizi) kati ya yaliyomo kwenye seli na pande zake. Kwa CSS kuwekwa kabla ya HTML, tuna ufumbuzi kifahari. Picha: Kihariri cha Msimbo wa HTML
Fanya seli ziwe na umbo unalotaka HTML haikubandiki na gridi wazi za mpangilio wa jedwali lako. Na safu mlalo na sifa za colspan za tag, unaweza kufanya kisanduku fulani kiwe na urefu au upana wa seli zingine kadhaa. Ili kutumia sifa hizi, zipe tu thamani kulingana na idadi ya seli unazotaka kuongeza. Kwa mfano, jedwali lifuatalo lina safu mlalo mbili za safu wima tatu kila moja: Safu wima kwenye onyesho. Picha: Kihariri cha Msimbo wa HTML
|
Ili kufanya kisanduku cha kwanza kiwe na safu wima zote tatu, ongeza colspan=”3″ kwake tag na ufute zingine mbili
| vitambulisho katika safu mlalo hiyo: Sifa ya colspan huongeza mwelekeo mpya kwenye safu wima. Picha: Kihariri cha Msimbo wa HTML
|
Ikiwa ungependa kufanya kisanduku hicho cha kwanza kiwe na safu mlalo mbili badala yake, ongeza safu mlalo=”2″ kwenye tag na ufute ya kwanza
| tag kutoka safu mlalo ya pili: Sifa ya safu mlalo hubadilisha safu mlalo. Picha: Kihariri cha Msimbo wa HTML
|
Bila shaka, unaweza kufanya meza zako kuwa ngumu zaidi kuliko mifano hii. Ukichagua kufanya hivyo, ni vyema kila wakati kuchora majedwali yako kabla ya kuyaunda. Fanya seli ziwe saizi unayotaka Seli za Jedwali ziwe na maudhui yake kwa chaguomsingi. Lakini vipi ikiwa unataka seli za saizi tofauti? Ingiza sifa za upana na urefu wa tagi. Bainisha tu saizi katika saizi, na uko tayari. Ili kufanya seli iwe na upana wa saizi 100 na urefu wa saizi 80, kwa mfano, ungefanya hivi: Sifa za upana na urefu hukuruhusu chaguzi nyingi. Picha: Kihariri cha Msimbo wa HTML
|
Kumbuka kuwa upana na urefu ni sifa zinazopendekezwa tu. Hiyo ni, zinatumika tu ikiwa upana au urefu wa kisanduku hauhitilafiwi na visanduku vingine katika safu wima au safu mlalo sawa. TAZAMA: Kamusi ya Haraka: Vivinjari vya Wavuti (TechRepublic Premium) Weka kwa usahihi maudhui ya seli Mara tu unapoanza kubadilisha umbo na ukubwa wa seli za jedwali, seli hazijitengenezi tena kuzunguka yaliyomo. Kwa hivyo, ili kuweka vitu mahali unapotaka ndani ya seli kama hizo za jedwali, unahitaji sifa mbili za tag: panga, ambayo huweka vitu kushoto, kulia au katikati ndani ya seli; na valign, ambayo huzisogeza juu na chini kwa kutumia maagizo ya juu, ya kati na ya chini. (Kwa chaguo-msingi, vipengele hupanga mlalo kuelekea kushoto na wima katikati.) Kwa mfano, ili kupanga maandishi hadi juu kulia katika kisanduku cha pikseli 100 kwa 80, ungetumia msimbo ufuatao: Pangilia na kusawazisha. sifa katika vitendo. Picha: Kihariri cha Msimbo wa HTML
|
Kumbuka: unapoweka vitu kwenye seli za jedwali, na unataka vitengeneze vizuri, usiondoke nafasi baada ya ufunguzi. au kabla ya kufungwa |
ya seli. Yaliyomo kwenye seli yanapaswa kugusa vitambulisho ili kuhakikisha upatanishi unaofaa, hasa unapofanya kazi na picha. Je, utafanya jedwali lako liwe na rangi ya kupendeza kwa kuwa meza yako ichanganywe na ukurasa wako? Kisha ubadilishe rangi yake ya asili! Ilikuwa ni kesi ya kuongeza sifa ya bgcolor kwa
|
Weka jedwali lako kwenye ukurasa Mbali na vipengele vya uumbizaji ndani ya jedwali, unaweza kudhibiti ambapo jedwali lako linaonekana kwenye ukurasa. Mbili |
Leave a Reply