Bekerja dengan Tabel di HTML

Sekarang kita akan belajar membuat tabel di HTML. Saya pikir, Anda membayangkan apa itu tabel dalam kehidupan sehari-hari - itu adalah kumpulan baris dan kolom, di persimpangannya terdapat sel.

Di HTML, tabel dibuat dengan prinsip yang mirip. Di sana juga ada kolom dan baris dengan sel, namun kode HTML tabel pada pandangan pertama mungkin terasa tidak biasa: tabel dibuat per baris - pertama baris pertama, lalu baris kedua dan seterusnya.

Kode tabel memiliki struktur yang kaku: yang utama adalah tag table, di dalamnya harus berisi tag tr, yang membuat baris tabel, dan di dalamnya - tag td, yang membuat sel. Tag table dapat memiliki atribut border, yang menetapkan batas untuk tabel dan sel-selnya.

Mari kita buat tabel dengan tiga baris dan tiga sel di 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 ini: