HENSEM DAN CANTIK BELAKA

ATTENTION

Assalamualaikum..
Disini diingatkan bahawa perkara-perkara yang berkaitan dengan agama, diminta dibuat rujukan terlebih dahulu dengan orang yang lebih arif dalam bidang ini..sebelum mengambilnya sebagai rujukan..
Sekian..

!!!!!!!!!!!!!!!! MY BLOG LIST !!!!!!!!!!!!!!!!

25 July 2011

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

8 comments:

  1. thnkx for the info.incya-Allah membantu

    ReplyDelete
  2. waaa best3.... dah lama tingin buat jadual tp xreti... now da tau... thannxxxx for the info...

    ReplyDelete
  3. ehh..taw ni..penah blajaq kt poli sem 3 dulu..
    subjek 'web authoring'/pengarangan laman web..
    gna html coding..
    best3..hehehe..

    ReplyDelete
  4. thank alot...
    selame ni
    just type kat word or excel
    lepas tu upload kat scribd
    then buat link
    ...
    baru tau boleh buat gune coding
    jazakalALLAh khairan kathira

    ReplyDelete
  5. Maklumat HTML yang jelas. Banyak membantu. TQ

    ReplyDelete
  6. Maklumat HTML yang jelas. Banyak membantu. TQ

    ReplyDelete

komen-komen lah untuk mengeratkan silaturahim..
:)

Related Posts Plugin for WordPress, Blogger...