Membuat Kolom
Membuat Kolom Dengan HTML Table
Sekarang kita mulai Membuat Kolom dengan HTML Table.
Untuk membuat kolom diperlukan tag <table><tr><td></td></tr></table>
Buka dulu file notepad latihan.table.html yang sudah dibuat kemarin.
Cara membukanya: Klik tombol mouse sebelah kanan pada file latihan table tadi, lalu open with “notepad”.
Setelah dibuka sisipkan kode <table><tr><td></td></tr></table> tadi diantara <body></body>
Kode htmlnya menjadi sekarang menjadi:
<html>
<head>
<title>Belajar HTML Table</title>
</head>
<body>
<table>
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Yang dinamakan kolom adalah ruang diantara <td> dan </td>
Karena disini saya akan membuat kolom yang berjajar tiga, maka saya tambahkan lagi dua tag <td> </td>
Kemudian tulis Kolom 1, Kolom 2 dan Kolom 3 diantara masing2 tag <td> </td>
Sekarang kode html nya menjadi:
<html>
<head>
<title>Belajar HTML Table</title>
</head>
<body>
<table>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
<td>Kolom 3</td>
</tr>
</table>
</body>
</html>
File ini di save dulu, kemudian untuk melihat hasilnya file ini di klik pakai tombol kiri mouse 2 kali.
Hasil yang tampak adalah seperti ini:
Kolom 1 Kolom 2 Kolom 3
Kolom2 ini belum kelihatan border(batas)nya. Untuk memberi border akan saya lanjutkan di posting berikutnya.
Update: 8 Mei 2013 oleh Yang Surya
5 Responses to Membuat Kolom
Leave a Reply
   |
Masih bingung ni latihan mencoba membuat kolom…..
btmtas.blogspot.com
Makasih ya…
Untuk kode html jenis-jenis tabel ada gak kang..?
salam,
maksih ya…..?
keren, jadi tahu cara buat kolom, tinggal cara tambah border-nya. Thx