Belajar Asas Kod HTML 3

Assalamualaikum..

Setelah berkongsi asas-asas kod HTML pada entri-entri yang lepas. Mengenai pengunaan bentuk tulisan  dan pengenalan HTML di Belajar Asas Kod HTML 1 dan tag-tag utama yang terdapat di dalam kod HTML di Belajar Asas Kod HTML 2

Di entri pada kali ini, saya hendak berkongsi dengan anda untuk membuat jadual dengan mengunakan kod HTML.

Jadual yang dimaksudkan adalah seperti dibawah ini:

Merah	Hijau
Kuning	Unggu
Biru	Hitam

Tapi sebelum itu, mari kita pelajari beberapa tag-tag utama untuk membuat sesebuah jadual

<table>
Mentakrifkan jadual

<th>
Mentakrifkan header jadual

<tr>
Mentakrifkan baris jadual

<td>
Mentakrifkan sel jadual

Selepas kita mengetahui jenis-jenis tag dan kegunaan setiap tag ini, baru lah kita boleh membuat satu jadual yang lengkap..

Ini merupakan satu contoh arahan untuk membuat jadual

<table border="1">

<tr>

<th>Header 1</th>

<th>Header 2</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>
<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>
</table>

Hasilnya adalah seperti jadual yang dibawah..

Header 1	Header 2
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Setiap warna yang di highlight akan menghasilkan ruangan baris dan sel di dalam jadual tersebut.. Jika tidak mahu header, anda hanya perlu membuang warna merah itu sahaja berserta <tr> dan </tr>
untuk menambah kan ruangan pada baris dan jadual, perlulah menambah kan lagi arahan-arahan pada kod anda..

Sebagai contoh yang lain, kita hendak membuat satu jadual yang mengandungi bulan, hari, jam dan minit

<table border="1">
<tr>
<th>Bulan</th>
<th>Hari</th>
<th>Jam</th>
<th>Minit</th>
</tr>
<tr>
<td>Julai</td>
<td>31</td>
<td>744</td>
<td>44, 640</td>
</tr>
<tr>
<td>Ogos</td>
<td>31</td>
<td>744</td>
<td>44, 640</td>
</tr>
<tr>
<td>September</td>
<td>30</td>
<td>720</td>
<td>43, 200</td></tr>
<tr>
<td>Oktober</td>
<td>31</td>
<td>744</td>
<td>44, 640</td> </tr>

</table>

dan hasilnya adalah seperti ini:

Bulan	Hari	Jam	Minit
Julai	31	744	44, 640
Ogos	31	744	44, 640
September	30	720	43, 200
Oktober	31	744	44, 640

sekian..
sebagai renungan..

* Diharap anda boleh menghasilkan satu jadual yang menarik..he3..nanti anda boleh lah membuat jadual pada ruangan komen pada entri-entri dengan mengunakan kod HTML ini..