HTML-da jadvallar bilan ishlash

Hozir biz HTML-da jadval qanday qilinishini o‘rganamiz. Menimcha, siz oddiy hayotda jadval nima ekanligini tasavvur qilasiz - bu satrlar va ustunlar to‘plami bo‘lib, ularning kesishgan joyida katakchalar joylashgan.

HTML-da jadvallar shu o‘xshash printsip asosida yaratiladi. Bu yerda ham ustunlar, satrlar va katakchalar mavjud, ammo HTML jadval kodiga birinchi qarashda odatga noyob ko‘rinishi mumkin: jadvallar qatorlar bo‘yicha yaratiladi - avval birinchi qator, keyin ikkinchi qator va hokazo.

Jadval kodi qattiq strukturaga ega: asosiy table tegi bo‘lib, uning ichida jadval qatorlarini yaratadigan tr teglari bo‘lishi kerak, ularning ichida esa td teglari bo‘lib, katakchalarni yaratadi. table tegi border atributiga ega bo‘lishi mumkin, bu jadval va uning katakchalariga chet beradi.

Keling, misol tariqasida, har bir qatorda uchta katakchadan iborat uch qatorli jadval yarataylik:

<table border="1">
	<tr>
		<td>katak 1</td>
		<td>katak 2</td>
		<td>katak 3</td>
	</tr>
	<tr>
		<td>katak 4</td>
		<td>katak 5</td>
		<td>katak 6</td>
	</tr>
	<tr>
		<td>katak 7</td>
		<td>katak 8</td>
		<td>katak 9</td>
	</tr>
</table>

Quyidagi misolni takrorlang: