Casharka 5: Abuurista Miisaska
Miisaska waxay ka ciyaari karaan doorka badan bogga internetka. Waxaa loo isticmaali karaa si fudud in lagu soo bandhigo xogta qaab miis oo u eg Microsoft Excel. Sidoo kale, miisaska waxaa loo isticmaali karaa in lagu qaybiyo shaashadda browser-ka iyadoo loo sameynayo qaybo badan si loo abuuro naqshado sawir iyo qoraal oo horumarsan.
Miisaska waxaa si caadi ah loo isticmaalaa in lagu sameeyo naqshadaha wargeysyada ee leh saddex tiir iyo laba tiir. Miisaska ayaa sidoo kale door muhiim ah ka ciyaara marka ay timaado xallinta shaashadda isticmaalaha. Ma jirto hab toos ah oo lagu ogaan karo xallinta shaashadda iyadoo la isticmaalayo HTML, sidaas darteed tiirarka miisaska waxaa loo dejin karaa inay si toos ah u cabiraan, taasoo ah hab fiican oo lagu maareeyo booska qoraalka iyo sawirrada.
Ka hor inta aanad bilaabin tusaalooyinka naqshadeynta, waxaad marka hore baran doontaa tags-ka miisaska ee hoos ku qoran:
Miis Fudud:
Si aad u bilowdo miis gudaha dukumintiga HTML, waa inaad isticmaashaa tagga <TABLE>. Tagga <TABLE> wuxuu sidoo kale u baahan yahay tag dhammeystiran si loo aqoonsado dhammaadka miiska.
Inta u dhaxeysa labada tag, safafka waxaa lagu qeexaa iyadoo la adeegsanayo tagga <TR>, halka tiirarka xogta lagu qeexo iyadoo la adeegsanayo tagga <TD>. In kasta oo qeexitaannada HTML ay u baahan yihiin tagyo dhammeystiran oo <TD> iyo <TR>, brawsarka badankoodu ma taageeraan ku dhawaaqidooda.
Halkan waxaa ku yaal tusaale miis fudud:
<BODY>
<TABLE border="1">
<CAPTION>Maarso 2010</CAPTION>
<TR>
<TD>SAT</TD><TD>SUN</TD><TD>MON</TD><TD>TUE</TD><TD>WED</TD><TD>THU</TD><TD>FRI</TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD><TD>5</TD>
</TR>
<TR>
<TD>6</TD><TD>7</TD><TD>8</TD><TD>9</TD><TD>10</TD><TD>11</TD><TD>12</TD>
</TR>
<TR>
<TD>13</TD><TD>14</TD><TD>15</TD><TD>16</TD><TD>17</TD><TD>18</TD><TD>19</TD>
</TR>
<TR>
<TD>20</TD><TD>21</TD><TD>22</TD><TD>23</TD><TD>24</TD><TD>25</TD><TD>26</TD>
</TR>
<TR>
<TD>27</TD><TD>28</TD><TD>29</TD><TD>30</TD><TD>31</TD><TD> </TD><TD> </TD>
</TR>
</TABLE>
</BODY>
Miiskan waxaa lagu soo bandhigayaa warbixin ku saabsan bisha Maarso ee sanadka 2010, iyadoo la adeegsanayo safafka iyo tiirarka HTML si loo muujiyo maalmaha toddobaadka.
Casharka ;;Isticmaalka Tagga <TABLE> ee HTML
Marka laga hadlayo horumarinta bogagga internetka, miisaska waxay noqdaan qalab muhiim ah oo loo isticmaalo in lagu muujiyo xog, lagu sameeyo naqshado kala duwan, ama lagu qaybiyo shaashadda browser-ka si loo abuuro qaabab muuqaal ahaan qurux badan. Si aad u xakameyso qaabeynta miiskaaga, HTML waxay bixisaa tagga <TABLE>, kaas oo leh astaamo badan oo kuu oggolaanaya inaad si fiican u hagaajiso miiskaaga. Astaamahan waxaa ka mid ah tilmaamaha sida midabka asalka, ballaca, jihada, iyo sidoo kale xuduudaha miiska. Qaybtaan, waxaan si faahfaahsan u sharxi doonaa astaamahan iyo sida loo isticmaalo.
Astaamaha Muhiimka ah ee <TABLE> Tagga
Tagga <TABLE> wuxuu leeyahay dhowr astaamo oo muhiim ah oo kaa caawinaya inaad si buuxda u maamuli karto muuqaalka iyo qaabeynta miiskaaga. Astaamahan waxaa ka mid ah:
1. BGCOLOR: Astaantan waxay kuu oggolaaneysaa inaad qeexdo midabka asalka ee miiskaaga. Midabka asalka ayaa siinaya miiska muuqaal gaar ah. Tusaale ahaan, haddii aad rabto in miiskaaga uu yeesho midab casaan ah, waxaad isticmaali kartaa bgcolor="Pink".
2. DIR: Astaantan waxay kuu oggolaaneysaa inaad qeexdo jihada qoraalka ee miiska. Qiimayaasha suurtagalka ah ee DIR waa ltr (left to right, bidix ilaa midig) iyo rtl (right to left, midig ilaa bidix). Jihadaas waxaa loo isticmaali karaa si loogu qaabeeyo qoraalka iyo xogta ku jirta miiska iyadoo la raacayo dhaqanka luqadda ee la isticmaalayo.
3. ALIGN: Astaantan waxay kuu oggolaaneysaa inaad miiskaaga ku habeyso dhinac kasta oo ka mid ah shaashadda. Waxaad ku deji kartaa ALIGN="left" si miiska uu ku dheggan yahay bidixda, ALIGN="center" si uu u dhegsan yahay bartamaha shaashadda, ama ALIGN="right" si uu u dhegsan yahay midigta shaashadda.
4. WIDTH: Astaantan waxay kuu oggolaaneysaa inaad qeexdo ballaca miiskaaga. Waxaa lagu dejin karaa labo hab: iyadoo la adeegsanayo pixels ama boqolkiiba ballaca shaashadda. Haddii aad rabto in miiskaaga uu noqdo 400 pixels ballac, waxaad isticmaali kartaa width="400". Haddii aad rabto in miiskaaga uu qaato boqolkiiba ka mid ah ballaca shaashadda, waxaad isticmaali kartaa width="90%". Astaantan waxay si gaar ah waxtar ugu leedahay xaaladaha shaashadda kala duwan, maadaama miiska uu isbeddel ku sameyn karo marka shaashadda browser-ka la beddelo.
5. BORDER: Astaantan waxay kuu oggolaaneysaa inaad dejiso balaca xuduudda miiska. Tusaale ahaan, haddii aad rabto in miiskaagu uu leeyahay xariiqo xuduud ah oo 2 pixels ah, waxaad u isticmaali kartaa border="2". Xuduudda miiska waxay caawisaa in la kala saaro unugyada miiska, taas oo ka dhigaysa xogta mid si fiican loo kala soocay.
6. CELLSPACING: Astaantan waxay kuu oggolaaneysaa inaad dejiso masaafada u dhaxaysa unugyada miiska. Haddii aad rabto in unugyada miiska ay ku yaalliin si ka fog, waxaad u isticmaali kartaa cellspacing="10". Astaantan waxay ka dhigaysaa miiska mid u muuqda mid si fiican u kala soocan oo nadiif ah.
7. CELLPADDING: Astaantan waxay dejineysaa masaafada u dhaxaysa xuduudda unugga iyo waxa ku jira unugga. Tusaale ahaan, haddii aad rabto in xogta ku jirta unugga ay ku jirto meel furan oo dheeri ah, waxaad isticmaali kartaa cellpadding="5". Tani waxay ka dhigeysaa xogta inay si fiican ugu dhex fadhido unugga, iyada oo aan la dhejin xuduudda unugga.
8. RULES: Astaantan waxay kuu oggolaaneysaa inaad xakameyso halka ay ku yaalliin xariiqyada kala soocaya unugyada miiska. Waxaad qeexi kartaa qiimayaal sida all (xariiqyada dhammaan unugyada miiska), none (aan la isticmaalin xariiqyo), groups (kaliya xariiqyada kooxaha), rows (kaliya safafka), iyo cols (kaliya tiirarka). Tusaale ahaan, haddii aad rabto in dhammaan unugyada miiska ay yeeshaan xariiqyo kala saara, waxaad isticmaali kartaa rules="all".
Tusaale Miis oo leh Astaamo kala duwan
Halkaan waxaa ku yaal tusaale miis oo leh astaamo kala duwan, sida bgcolor, align, border, iyo width. Miiskan wuxuu soo bandhigayaa jadwalka bisha Maarso 2010:
<BODY>
<TABLE bgcolor="Pink" dir="ltr" align="center" border="1" width="90%" cellspacing="0" cellpadding="4" rules="all">
<CAPTION>Maarso 2010</CAPTION>
<TR>
<TD>SAT</TD><TD>SUN</TD><TD>MON</TD><TD>TUE</TD><TD>WED</TD><TD>THU</TD><TD>FRI</TD>
</TR>
<TR>
<TD> </TD><TD> </TD><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD><TD>5</TD>
</TR>
<TR>
<TD>6</TD><TD>7</TD><TD>8</TD><TD>9</TD><TD>10</TD><TD>11</TD><TD>12</TD>
</TR>
<TR>
<TD>13</TD><TD>14</TD><TD>15</TD><TD>16</TD><TD>17</TD><TD>18</TD><TD>19</TD>
</TR>
<TR>
<TD>20</TD><TD>21</TD><TD>22</TD><TD>23</TD><TD>24</TD><TD>25</TD><TD>26</TD>
</TR>
<TR>
<TD>27</TD><TD>28</TD><TD>29</TD><TD>30</TD><TD>31</TD><TD> </TD><TD> </TD>
</TR>
</TABLE>
</BODY>
Miiskan wuxuu soo bandhigayaa jadwalka bisha Maarso 2010, isagoo adeegsanaya astaamo kala duwan sida:
bgcolor="Pink" si loogu daro midab casaan ah miiska.
align="center" si miiska uu ugu dheggan yahay bartamaha shaashadda.
border="1" si loogu daro xariiqo miiska.
width="90%" si miiska uu qaato 90% ballaca shaashadda.
cellspacing="0" si loo hagaajiyo masaafada u dhaxaysa unugyada.
cellpadding="4" si loo dejiyo masaafada u dhaxaysa xuduudda unugga iyo xogta ku jirta.
Gunaanad
Tagga <TABLE> ee HTML waa qalab awood leh oo kuu oggolaanaya inaad abuuri karto miisas si aad u soo bandhigto xogtaada si haboon. Astaamaha uu bixiyo tagga <TABLE> waxay ka caawinayaan in la xakameeyo muuqaalka miiskaaga, sida ballaca, xuduudda, jihada, iyo qaabeynta unugyada. Isticmaalka astaamahan si fiican ayaa kuu oggolaanaya inaad si fudud u habeyso miiskaaga si uu ugu shaqeeyo xaaladaha kala duwan ee shaashadda iyo baahiyahaaga. inasha allah waa ino iyo cashiraka danabe
0 Comments