Unsecured debt consolidation loan


Saturday, 28 November 2009

Belajar HTML (bag 3)


Tutorial kali ini akan membahas pembuatan tabel dalam HTML. Pembuatan tabel dalam HTML selalu diawali dengan tag <table>. Lalu jika kita ingin membuat sebuah baris, kita bisa menggunakan tag <tr> dan jika ingin membuat kolom bisa menggunakan tag <td>.


Teorinya udah dululah, kebanyakan teori juga percuma. Langsung praktek aja deh.
Seperti pada tutorial sebelumnya, silakan buka notepad atau HTML editor lainnya. Lalu ketikan kode di bawah ini:

<html>
<head>
<title>Ini Website Ketigaku</title>
</head>
<body>
<table border='1'>
<tr bgcolor='red'><td colspan='2'>Tabel Karyawan</td></tr>
<tr><td>Nama</td><td>Umur</td></tr>
<tr><td>Wilianto</td><td>15 tahun</td></tr>
<tr><td>Indrawan</td><td>16 tahun</td></tr>
</table>
</body>
</html>

Sekarang save dengan nama "ketiga.html" di dalam folder yang sama yang telah kita buat pada tutorial pertama, lalu lihat hasilnya.

Penjelasan script:
  • Tag <table>, menandakan bahwa dimulainya pembuatan sebuah tabel. Kita mengisi border senilai 1 (satu), artinya garis tepi antar tabel sebesar 1px.
  • Lalu kita buat baris baru pada tabel dengan tag <tr>, yang kita berikan warna latar merah (red). Namun baris tidak akan keluar jika kita tidak membuat kolom di dalamnya. Maka dari itu kita buat kolom dengan tag <td>. Dalam tag <td> kita memberikan colspan, yang fungsinya untuk menyatukan kolom (dalam hal ini 2 kolom), fungsinya sama dengan merge pada ms excel.
  • Setelah selesai mengisi kolom, maka kita tutup dengan tag </td></tr>, yang berarti berkahirnya sebuah kolom dan baris.

Kesimpulan:
  1. Tag <tr>Berfungsi untuk membuat baris.
  2. Tag <td> berfungsi untuk membuat kolom.
  3. Untuk menyatukan kolom kita bisa menggunakan fungsi colspan.

Sekian dulu tutorialnya, silakan modifikasi script di atas sesuai dengan keinginan anda.

Pengalaman adalah guru yang terbaik, maka dari itu jangan pernah takut untuk mencoba.




0 comments:

Post a Comment

Enter your email address:

Delivered by FeedBurner