Waxaana halkaan ku
eegi doonaa qaababka kaladuwan ee loo adeegsan karo "Shaxanka"
[Table].
BORDER
Waa xajmiga ama qarada uu yeelankaro shaxanka 'Table'
XEER
<table border="1">
<tr> <td> 100 </td> <td> 200 </td> </tr>
<tr> <td> 101 </td> <td> 202 </td> </tr>
</table>
MAXSUUL
Sida ka cad xeerka sare aad ayey u sahlantahay in labedelo inta
uu leekaanayo xajmiga kuxeeran shaxanka iyada oo la adeegsanayo
<table border="1"> taas oo laga bedelayo tirada halka ay
kuqorantahay [border="1"].
TUSAALE:
border="2"
border="8"
border="0"
COLSPAN/ROWSPAN
Waa habka loo qaabeeyo shaxanka 'Table' si hal qayb [cell] oo
kamida shaxanka ay uga dheeraato kuwakale. Waa qaab aad muhiimad ugu
leh shaxanka sida kucad xeerka iyo tusaalaha hoose.
COLSPAN - XEER
<table border="1">
<tr>
<td>Magaca</td>
<td colspan="2">Laxiriir</td>
</tr>
<tr>
<td>Qore</td>
<td>Email</td>
<td>Fax</td>
</tr>
</table>
MAXSUUL: colspan="2"
Magaca |
Laxiriir |
Qore |
Email |
Fax |
UFIIRSO: halka ay ku qorantahay <td colspan="2"> waa meesha
laaga bedeli karo inta uu leekaanayo dhererka hal qol ama [cell] oo
kamida shaxanka. kasoo qaad in loo baahdo in halka ay kuqorantahay
Laxiriir aan ku hoos qorro email/Fax/Phone, sidaas daraadeed
loo baahdo saddex qol oo kuhoos qoran khaanadaas. Waxaa keliya oo
bedelayaa colspan="3", iyo iyada oo qaybta hoose ee email/fax lagu
siyaadinayo khaanad ay kuqorantahay Phone, sidan oo kale:
<table border="1">
<tr>
<td>Magaca</td>
<td colspan="3">Laxiriir</td>
</tr>
<tr>
<td>Qore</td>
<td>Email</td>
<td>Fax</td>
<td>Phone</td>
</tr>
</table>
MAXSUUL: colspan="3"
Magaca |
Laxiriir |
Qore |
Email |
Fax |
Phone |
Sida ka cad tusaalayaasha kore, waa in ay iswaafaqaan
"colspan" iyo shaxanka intiisa kale iyada lasii qorshaynayo inta
khaanadood ee uu shaxanku yeelan doono iyo qaabka loo habaynayo.
ROWSPAN - XEER
<table border="1">
<tr>
<td>Magaca</td>
<td>Qore</td>
</tr>
<tr>
<td rowspan="2">Laxiriir</td>
<td>Email</td>
</tr>
<tr>
<td>Fax</td>
</tr>
</table>
MAXSUUL: rowspan="2"
Magaca |
Qore |
Laxiriir |
Email |
Fax |
Sidookale waxaa Rowspan laga dhigi karaa intii tiro oo ladoono
sida, tusaale ahaan:
<table border="1">
<tr>
<td>Magaca</td>
<td>Qore</td>
</tr>
<tr>
<td rowspan="3">Laxiriir</td>
<td>Email</td>
</tr>
<tr>
<td>Fax</td>
</tr>
<tr>
<td>Phone</td>
</tr>
</table>
MAXSUUL: rowspan="3"
Magaca |
Qore |
Laxiriir |
Email |
Fax |
Phone |
Sida kacad tusaalaha kore, ROWSPAN wuxuu sahlayaa in
laba sadar ama in kabadan oo kala hooseeya ay wadaagi karaan hal qol
[cell] taas oo lagayaabo in ay isku wax kusaabsanyihiin. halka
COLSPAN uu sahlayey in laba qol ama in kabadan [cell] oo dhinaca
isku hayaa [midig-bidix] ay wadaagaan halqol.
MIDABKA SHAXANKA / TABLE BACKGROUND
Waa qaabka sahlaya in derbiga shaxanka [background] loosameeyo
naqshad sawir ah.
XEER
<table border="1" background="sawir.gif">
<tr>
<td> Casharka koowaad </td>
<td> Casharka labaad </td>
</tr>
<tr>
<td> Casharka Saddexaad </td>
<td> Casharka Afraad </td>
</tr>
</table>
MAXSUUL: Image Background
Casharka Koowaad |
Casharka Labaad |
Casharka Saddexaad |
Casharka Afraad |
Soda aad ka aragtid shaxanka kore waxaa aad muhiim u ah in aad
kataxadartid midabka uu yeelandoono sawirka aad adeegsandoontid si
qoraalka kuqaran shaxanka loo akhriyi karo.
KAsoo qaad in loo baahdo in hal khaanad [cell] keliya loo sameeyo
midab sawir ah [image background], waxaa markaas la adegsanayaa
xeerka soo socda.
Cell Background / Sawir hal khaanad
<table border="1">
<tr>
<td background="sawir.gif"> Casharka koowaad </td>
<td> Casharka labaad </td>
</tr>
<tr>
<td> Casharka Saddexaad </td>
<td> Casharka Afraad </td>
</tr>
</table>
MAXSUUL: Sawir hal khaanad ah
Casharka Koowaad |
Casharka Labaad |
Casharka Saddexaad |
Casharka Afraad |
UFIIRSO: in khaanada casharka koowaad ee qura
ay hadda leedahay midab, waxaana sabab u ah iyada oo xeerka
background="sawir.gif laguqoray khaanada xakunta qolkaas. Waxaad
kale oo ogaataa in sawirka lagadhigayo midabka uu kujiro meel la
ogyahay oo kamida "server-ka" taas oo kaddib lagu xiriirinayo
shaxanka iyada oo la adeegsanayo xeerarkii aan kusoo aragnay
casharkii qaabka sawir gelinta.
MIDAB AAN SAWIR AHAYN
Waa qaabka aad midab ugu yeelikartid shaxanka 'table' adiga oo
aan adeegsanayn sawir, laakiin adeegsanaya midabadii aan kusoo
aragnay casharkii midabada. Waa qaab aad u
sahlan, waxa kerliya oo la adeegsanayaa BGCOLOR="#midabo"
sida kucad xeerka hoos kuqoran.
XEER SHAXANKA OO HALMIDAB LEH
<table border="1" bgcolor="#ffcc00">
<tr>
<td> Casharka koowaad </td>
<td> Casharka labaad </td>
</tr>
<tr>
<td> Casharka Saddexaad </td>
<td> Casharka Afraad </td>
</tr>
</table>
MAXSUUL: Shaxaka oo hal midab leh
Casharka Koowaad |
Casharka Labaad |
Casharka Saddexaad |
Casharka Afraad |
Kasoo qaad in aad rabtid in khaanadwalba aad u samaysi midab gaar
ah, waxaad markaas xeerkii bgcolor="#midabo" u adeegsanaysaa
khaanadwalba adigoo midwalba kuqoraaya midabkii
aad doontid, sidan oo kale:
XEER KHAANAD KASTA OO MIDAB GAAR AH LEH
<table border="1">
<tr>
<td bgcolor="#ffccff"> Casharka koowaad </td>
<td bgcolor="#cccccc"> Casharka labaad </td>
</tr>
<tr>
<td bgcolor="#ccffcc"> Casharka Saddexaad </td>
<td bgcolor="#ffcccc"> Casharka Afraad </td>
</tr>
</table>
MAXSUUL: Khaanadkasta midab gaara
Casharka koowaad |
Casharka labaad |
Casharka Saddexaad |
Casharka Afraad |
ALIGN CELL CONTANT/ HAGAAJINTA QORAAKA SHAXANKA
Waa qaab sahlaya in qoraalka la isku simo ama la isku hagaajiyo
si akhrisku uu ugu sahlanaado akhristayaasha. Si arrintaas loo
hirgeliyona waxaa la adeegsadaa xeerka ALIGN="right/left",
eeg xeerka hoose.
XEER - ALIGN
<table border="1">
<tr>
<td align="left"> CASHAR </td>
<td align="right"> Xisaab </td>
<td align="right"> HTML </td>
<td align="right"> Juqraafi </td>
</tr>
<tr>
<td align="left"> MAALINTA </td>
<td align="right"> Isniin </td>
<td align="right"> Talaada </td>
<td align="right"> Khamiis </td>
</tr>
<tr>
<td align="left"> QIIMAHA </td>
<td align="right"> Shilin 150 </td>
<td bgcolor="#ffccff" align="right"> Bilaash - Free </td>
<td align="right"> $150 </td>
</tr>
</table>
MAXSUUL Align
CASHAR |
Xisaab |
HTML |
Juqraafi |
MAALINTA |
Isniin |
Talaada |
Khamiis |
QIIMAHA |
Shilin 150 |
Bilaash - Free |
$150 |
CELLPSPACING
Waa habka suurta galka kadhigaya in laba qol [cells] ee shaxan ay
u dhexeyso meel bannaan ama ay yarehe kala durugsanyihiin. Waxaana
la adeegsadaa cellspacing="tiradii ladoono" sidan oo kale.
XEERCELLSPACING <table border="1" cellpping="8">
<tr>
<td> Casharka koowaad </td>
<td> Casharka labaad </td>
</tr>
<tr>
<td> Casharka Saddexaad </td>
<td> Casharka Afraad </td>
</tr>
</table>
MAXSUUL: Cellspacing
Casharka Koowaad |
Casharka Labaad |
Casharka Saddexaad |
Casharka Afraad |
Shaxankaan barbardhig shaxanka lamidka ah ee aan kor
kusoo aragnay laakiin aan lahayn CELLSPACING.
CELLPADDING
Waa xeerka suurta galka kadhigaya in meel bannaan [space] ay u
dhexeyso derbiga shaxanka [border] iyo qoraalka kuqoran gudaha
shaxanka. Waxaana la adeegsadaa xeerka cellpadding="tiradii
ladoono" sidan oo kale.
XEER Cellpadding
<table border="1" cellpadding="10">
<tr>
<td> koowaad </td>
<td> labaad </td>
</tr>
<tr>
<td> Saddexaad </td>
<td> Afraad </td>
</tr>
</table>
MAXSUUL: Cellpadding
Koowaad |
Labaad |
Saddexaad |
Afraad |
TAB IYO XEELAD
Dhammaan xeerarka aan kor kusoo aragnay waxaa lagu kulmin karaa
ama la isugu keeni karaa hal shaxan, sida hoos kuqoran.
<table border="1" cellpadding="10" cellspacing="9" bgcolor="ffccff">
<tr>
<td> koowaad </td>
<td> labaad </td>
</tr>
<tr>
<td> Saddexaad </td>
<td bgcolor="ccffcc"> Afraad </td>
</tr>
</table>
MAXSUUL
Koowaad |
Labaad |
Saddexaad |
Afraad |