HTML-də Cədvəllərlə Iş

Indi biz HTML-də cədvəlləri necə yaratmağı öyrənəcəyik. Məncə, adi həyatda cədvəlin nə olduğunu təsəvvür edirsiniz - bu, sətirlər və sütunlar dəstidir, onların kəsişməsində xanalar yerləşir.

HTML-də cədvəllər oxşar prinsip üzrə yaradılır. Orada da sütunlar və xanalı sətirlər var, lakin cədvəllərin HTML kodu ilk baxışdan qeyri-adi görünə bilər: cədvəllər sıra ilə yaradılır - əvvəl birinci sıra, sonra ikinci və s.

Cədvəl kodu sərt quruluşa malikdir: əsas olan table teqidir, onun içində cədvəl sıralarını yaradan tr teqləri, və onların içində isə xanaları yaradan td teqləri olmalıdır. table teqi border atributuna malik ola bilər, bu, cədvələ və onun xanalarına sərhəd təyin edir.

Nümunə üçün gəlin hər sırada üç xanası olan üç sıralı cədvəl edək:

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

Aşağıdakı nümunəni təkrarlayın: