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..