Jadwalka Xogta

Casharkaan, waxaan baran doonaa sida loo abuuro jadwalka xogta (data tables) HTML-ka. Jadwalku waa hab fiican oo lagu soo bandhigo xogta nidaamsan sida jadwalka qiimaha, jadwalka waqtiga, ama isbarbardhigga xogta.

1. Qaab-dhismeedka Jadwalka Aasaasiga ah

Jadwalka HTML wuxuu ka kooban yahay saddex summood oo asaasi ah:

<table>
    <tr>
        <th>Magaca</th>
        <th>Da'da</th>
    </tr>
    <tr>
        <td>Axmed</td>
        <td>25</td>
    </tr>
    <tr>
        <td>Caisha</td>
        <td>30</td>
    </tr>
</table>

• <table>: Waa summada jadwalka (waalidka guud).
• <tr> (table row): Waa saf kasta oo jadwalka ah.
• <th> (table header): Waa cinwaanka safka ama tiirka.
• <td> (table data): Waa xogta safka ku jirta.

2. Ku darista Cinwaannada Jadwalka

Waxaad isticmaali kartaa <thead>, <tbody>, iyo <tfoot> si aad u qaybiso jadwalka:

<table>
    <thead>
        <tr>
            <th>Badeecad</th>
            <th>Qiimaha</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Caano</td>
            <td>$2</td>
        </tr>
        <tr>
            <td>Rooti</td>
            <td>$1</td>
        </tr>
    </tbody>
</table>

3. Isku-darka Safaf iyo Tiirar (Colspan & Rowspan)

Mararka qaarkood waxaad u baahan tahay in aad ku darto (merge) safaf ama tiirar.

• colspan: Wuxuu ku daraa tiirar (columns).
• rowspan: Wuxuu ku daraa safaf (rows).

<table>
    <tr>
        <th>Magaca</th>
        <th colspan="2">Xiriirka</th>
    </tr>
    <tr>
        <td>Axmed</td>
        <td>Email</td>
        <td>Telefon</td>
    </tr>
</table>

4. Goorta la isticmaalo jadwalka — iyo goorta aan loo baahnayn

Isticmaal jadwalka: Xogta nidaamsan, sida jadwalada qiime, tirooyin, isbarbardhig. Ha isticmaalin jadwalka: Qaabaynta guud ee bogga (layout). Taas waxaa loo isticmaalaa CSS (sida Flexbox iyo Grid).

Layli (Practice)

1. Abuur jadwal “Jadwalka Fasalka” oo leh tiirar: “Magaca Ardayga”, “Fasalka”, “Buundooyinka”.
2. Ku dar 3 arday oo leh xogtooda.
3. Isticmaal <thead> iyo <tbody> si aad u kala saarto.
4. Ku dar cinwaan “Qiimaha Guud” oo isticmaalaya colspan.

Sii wadashada: Casharka xigta, waxaan baran doonaa sida loo dhiso foomamka (forms) iyo gelinta xogta isticmaalaha!