Jadval tuzish 2(qo`shimcha)
______________________________
<th>...</th> 

" table header- jadval bosh qismi" hisoblanadi quyidagi jadvalimizda <th>....</th> sifatida vaqt va hafta kunlari ro'l o'ynaydi. Har bir <th>...</th> ichidagi mao'lumot bitta katak ichidagi ma'lumot hisoblanadi va har bir qator yoki ustun uchun alohida - alohida ishlatilinadi. <th> asosan jadvalimizning ustulari va qatorlari uchun sarlavha sifatida ishlatishga kerak bo'ladi va default sifatida o'zi katak markazida keladi. Ba'zi jadvallar uchun <th> umuman kerak bo'lmasligi ham mumkin, ba'zi jadvallar uchun <ht> faqat ustunlar uchun ishlatilishi ham mumkin, yoki faqat qatorlar uchun <th> kerak bo'lishi mumkin. Lekin quidagi jadvalimizda qatorlar uchun vaqatlar <th> vazifasini o'tayapti, ustunlar uchun esa hafta kunlari. Quyidagi har bir attribute qoidasi va tushuntirilishlari faqat bitta sarlavha <th>...</th> uchun o'rinlidir.

align="center" - default sifatida o'zi markazda joylashgan bo'ladi, agar umumiy qator <tr> yordamida chap yoki o'ng tarafga yopishgan holatda bo'lsa, aynan biron <th> ni markazlash niyatingiz bo'lsa unda bu attibute muhimdir. Quyidagi jadvalda ustun sarlavhalari chapga yopishgan holatidan aynan Dushanbani markzlashtirdim, chunki <tr> ning align="left" attributidan <th> ning attributi bitta katak uchun ustunroqdir. 
HTML kodi: 
<tr align="left">
<th width="100" scope="col">&nbsp;</th>
<th align="center" width="120" scope="col">Dushanba</th>
<th width="120" scope="col">Seshanba</th>
</tr>

align="left" - Agar biron bir muayyan sarlavhani faqat bir o'zini chap tarafga yopishgan holatda kelishini hohlasangiz, faqat o'sha sarlavha kelgan katak <th> ini align="left" qilishingiz mumkin. Agarda hamma <th> larni chap tarafga yopishgan holatida kelishini hohlasangiz, o'sha hamma <th> larga birma bir align="left" deb yozib chiqishingizga to'g'ri keladi. <tr> ga align="left" qilsangiz o'sha qatordagi <th> bo'lmagan ma'lumotlarni ham chapga yopishtirib qo'yadi. Quyidagi jadvaldan men faqat ikkinchi qatorning sarlavhasi (8:00-9:30) ni chap tarafga qilib oldim. 
HTML kodi: 
<tr>
<th align="left" scope="row">8:00-9:30</th>
<td>Tarih</td>
<td>Ingiliz tili </td>
</tr>

align="right" - Agar biron bir muayyan sarlavhani faqat bir o'zini o'ng tarafga yopishgan holatda kelishini hohlasangiz, faqat o'sha sarlavha kelgan katak <th> ini align="right" qilishingiz mumkin. Agarda hamma <th> larni o'ng tarafga yopishgan holatida kelishini hohlasangiz, o'sha hamma <th> larga birma bir align="right" deb yozib chiqishingizga to'g'ri keladi. <tr> ga align="right" qilsangiz o'sha qatordagi <th> bo'lmagan ma'lumotlarni ham o'ngga yopishtirib qo'yadi. Quyidagi jadvaldan men faqat uchunchi usunning sarlavhasi (Seshanba) ni o'ng tarafga qilib oldim. 
HTML kodi: 
<tr>
<th width="100" scope="col">&nbsp;</th>
<th width="120" scope="col">Dushanba</th>
<th align="right" width="120" scope="col">Seshanba</th>
</tr> 

background=" " - bu attribute bizga ihtiyoriy sarlavhaning orqasiga rasm tushirish imkoniyatini beradi, agar hamma sarlavha ortida fo sifatida rasm bo'lishini hohlasangiz shu attributeni har bir <th> ichiga yozib chiqishingizga to'g'ri keladi. Men quyidagi misolda 10:00-11:30 turgan katakga rasm yukladim. (<span class="style8">....</span> ga hozircha e'tibor bermang bu tag rang uchun ishlatildi orqa fondan ajralib turishi uchun bu mavzuga ham hali kelamiz Hudo Hohlasa.) 
HTML kodi: 
<th background="yahoo_rasm.png" scope="row"><span class="style8">10:00-11:30</span></th>

bgcolor=" " - bu attribute bizga ihtiyoriy sarlavhamizning orqasiga katakni to'ldirib rang tallash imkonini beradi, agar bir hil rang har bir sarlavhada bo'lishini hohlasangiz har bir sarlavhaga yozib chiqishingizga to'g'ri keladi, aks holda <th> bo'lmagan ma'lumotlarni ham kataklarini bo'yab qo'yishingiz mumkin. Men quyida har bir vaqtning ostini birma bir qora rangga to'ldirib chiqdim, ixtiyoriy rag tanlashingiz mumkin. 
HTML kodi: 
<th bgcolor="#000000" scope="row"><span class="style9">8:00-9:30</span></th>
<th bgcolor="#000000" scope="row"><span class="style9">10:00-11:30</span></th>
<th bgcolor="#000000" scope="row"><span class="style9">12:00-13:30</span></th>

bordercolor=" " - bizning hozirgi mavzuimiz <th> (table header) bo'lgani uchun keladign hamma attributelar uni ichida kelishi kerak, shunday ekan bitta <ht> faqat bitta sarlavha ya'ni bitta kattakka tegishlidir shuning uchun bu attribute yordamida istagan <th> izi chiziqlarini hohlagan rangizga o'zgartirishingiz mumkindir. Men hamma <th> ni har hil rangda belgiliman. 
HTML kodi: 
<th bordercolor="#006600" width="100" scope="col">&nbsp;</th>
<th bordercolor="#000066" width="120" scope="col">Dushanba</th>
<th bordercolor="#660000" width="120" scope="col">Seshanba</th>
<th bordercolor="#99FF66" scope="row">8:00-9:30</th>
<th bordercolor="#FF0000" scope="row">10:00-11:30</th>
<th bordercolor="#FF00FF" scope="row">12:00-13:30</th>

colspan=" " - Jadvalda ma'lum bir ikkita yoki undan ko'p ustunlarni birlashtirish uchun ishlatiladi.Quyidagi jadvalimizda ustun va qatorlar bo'yicha birinchi katagimizga hech narsa yozilmagan, lekin bitta <th> sarlavha sifatida jadvalimizda ham HTML kodimizda ham joy egallayapti. Jadvalda ko'rinmagani bilan bu katakni jadval sifatida ko'rinishi uchun HTML kodiga & nbsp; kiriltilgandir (belgilar haqida kelgusi darslarda) bu belgi "bo'sh joy" deganidir, agar u belgini kiritmasak jadvalimizda bu katak olib tashlanadi. Lekin bu katakni yoki 8:00-9:30 ga yoki bo'lmasam Dushanba kataklaridan biriga qo'shib tashlashimiz ham mumkin, uning uchun hozircha c) da Dushanba katagiga qo'shishni ko'ramiz quyiroq (rowspan=" ") da 8:00-9:30 ga qo'shishni ko'ramiz. colspan=" " kataklarni gorizontalni qo'shishdir (rowspan esa vertikalni), uning uchun bo'sh katakni umuman HTML kodini o'chirib tashlashimiz kerak bo'ladi. colspan="2" degani ikkita katakni birlashtir deganidir, bu attribute ishlatiladigan katakning o'ng va chap tarafida ham bo'sh katak bo'lsa qay birini HTML kodi olib tashlansa o'sha katakni o'ziga qo'shib oladi, agarda ikkala katakni ham o'ziga qo'shib olishini hohlasangiz u holda ikkalasini ham HTML kodini o'chirib tashlab colspan="3" ishlatasiz, chunki uchta katak birlashishi kerakdir. O'ng yoki chap tarafida nechta katak kelishidan qatiy nazar kataklarni HTML kodlarini umuman o'chirib tashlab colspan=" " qiymati sifatida hohlagan sonilarni ishlatasizlar. 
a) HTML kodi & nbsp; belgisi bilan: <th width="100" scope="col">&nbsp;</th>

yana misol: <tr>

<th colspan="2" width="120" scope="col">Dushanba</th>
<th width="120" scope="col">Seshanba</th>
</tr>

height=" " - Bitta katak uchun ishlatilinsa ham o'sha qatorning balandligiga ta'sir qiladi. 
HTML kodi: 
<tr>
<th width="100" scope="col">&nbsp;</th>
<th height="35" width="120" scope="col">Dushanba</th>
<th width="120" scope="col">Seshanba</th>
</tr>

rowspan=" " Jadvalda ma'lum bir ikkita yoki undan ko'p qatorlarni birlashtirish uchun ishlatiladi. Bu qoida faqat pastgi katakni birlashtirish uchun ishlatiladi, yuqori katakni HTML kodini olib tashlasangiz ham rowspan yuroqi katakni o'ziga birlashtirmidi, shuning uchun eng yaxshisi yuqoridagi katakga kerakli qiymatimizni yozib olib squyi qismdagi kataklarni HTML kodlarini o'chirib keyin o'sha yuqori qismdagi katak ning <th> tagi ichiga rowspan=" " attribtini ishlatishimiz kerak bo'ladi. Uning uchun bo'sh katakning umuman HTML kodi o'chirib tashlashga to'g'i keladi. Quyida 8:00-9:30 ni yuqorisidagi bo'sh <th> ga ko'chirib uning o'rnini HTML kodini umuman o'chirib tashlanildi va keyin rowspan=" " ishlatilindi (jadvalni asl oldingi HTML kodi bilan quyidagi HTML kodni solishtiring). 
HTML kodi: 
<tr>
<th rowspan="2" width="100" scope="col">8:00-9:30</th>
<th width="120" scope="col">Dushanba</th>
<th width="120" scope="col">Seshanba</th>
</tr>
<tr>

<td>Tarih</td>
<td>Ingiliz tili </td>
</tr>

scope=" " - <th> tagi ichida keladigan scope="col" yoki scope="row" <th>...</th> orasida keladigan so'z yoki jumlamiz mos ravishda ustun yoki qator ning sarlavhasi vazifasini o'tashini bildiradi.

title=" " - qaysi <th> ichiga bu attribute yozilsa o'sha <th> bu tagning qiymatini sichqonchani ko'rsatkichini <th> ga olib borganda ko'rsatkich oldida yozilib turadi.
HTML kodi: 
<tr>
<th title="so'nggi dars soati" scope="row">12:00-13:30</th>
<td>Ona-Tili</td>
<td>Geometriya</td>
</tr>