Kerja dengan Jadual dalam HTML

Sekarang kita akan belajar membuat jadual dalam HTML. Saya rasa anda bayangkan apa itu jadual dalam kehidupan seharian - ia ialah satu set baris dan lajur, di persilangan yang terdapat sel.

Dalam HTML, jadual dibuat berdasarkan prinsip yang serupa. Di sana juga ada lajur dan baris dengan sel, walau bagaimanapun, kod HTML jadual pada pandangan pertama mungkin kelihatan tidak biasa: jadual dibuat mengikut baris - pertama baris pertama, kemudian baris kedua dan seterusnya.

Kod jadual mempunyai struktur yang tegar: yang utama ialah tag table, di dalamnya mesti terletak tag tr, yang mencipta baris jadual, dan di dalamnya - tag td, yang mencipta sel. Tag table boleh mempunyai atribut border, yang menetapkan sempadan untuk jadual dan sel-selnya.

Mari kita buat jadual dengan tiga baris dan tiga sel dalam setiap baris sebagai contoh:

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

Ulangi contoh yang diberikan di bawah: