Endi biz HTML-da jadvallar tuzishni o'rganamiz. O'ylaymanki, siz oddiy hayotda jadval nima ekanligini tasavvur qilishingiz mumkin - bu qatorlar va ustunlar to'plami, ularning kesishmasida kataklar mavjud.
HTML-da jadvallar xuddi shu printsip bo'yicha tuziladi. Bundan tashqari, katakchali ustunlar va qatorlar mavjud, ammo jadvallarning HTML kodi bir qarashda g'ayrioddiy ko'rinishi mumkin. jadvallar qatorlardan tuziladi - birinchi navbatda birinchi qator, keyin ikkinchi va hokazo.
Jadval kodi qattiq tuzilishga ega. asosiysi table tegi bo'lib, uning ichida jadval qatorlarini yaratuvchi tr teglari va ularning ichida kataklar yaratuvchi td teglari bo'lishi kerak. table tegi jadval chegarasini va uning katakchalarini belgilaydigan border atributiga ega bo'lishi mumkin.
Masalan, uchta qator va har bir qatorda uchta katakdan iborat jadval tuzamiz.
<table border="1">
<!--Bu jadvalning biribchi qatori:-->
<tr>
<td>cell 1</td>
<td>cell 2</td>
<td>cell 3</td>
</tr>
<!--Bu jadvalning ikkinchi qatori:-->
<tr>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
</tr>
<!--Bu jadvalning uchinchi qatori:-->
<tr>
<td>cell 7</td>
<td>cell 8</td>
<td>cell 9</td>
</tr>
</table>