Latihan Dasar HTML Part 3
Yoshhh ... gimana tutorial sebelumnya udah mengerti atau belum ? jika sudah alhamdulillah , jika belum , banyak banyaklah belajar nak :v
Oke kita sudah sampai di Part 3 , kali ini saya akan ngepost dengan tema : "MEMBUAT TABEL DENGAN HTML"
membuat tabel dengan HTML itu mudah mudah sulit :v alias GGS (Gampang gampang susah) . Ko bisa ? Nah kita liat aja tutorialnya :
1. Kita harus tau terlebih dahulu tag tag dalam membuat tabel itu apa.
2. Berikut ini merupakan tag tag yang ada dalam tabel.
3. Berikut ini adalah hasil jika kita sudah mengerti dan menguasai tabel tersebut. Cara melihat hasilnya (copy semua script dibawah lalu buka notepad kemudian paste , simpan dalam format html , lalu buka file tersebut menggunakan browser.)
1. Kita harus tau terlebih dahulu tag tag dalam membuat tabel itu apa.
2. Berikut ini merupakan tag tag yang ada dalam tabel.
<table border="1">,</table>=Tag pemanggil tabel dengan border 1px
<tr>,</tr>=Untuk menambahkan baris(tabel kebawah)
<td>,</td>=Untuk menambahkan kolom(tabel menyamping)
<rowspan>=(dimasukkan ke dalam tr/td) untuk menggabungkan beberapa baris dalam tabel , jika <td rowspan="2"> itu artinya kita menggabungkan 2 baris.
<colspan>= (dimasukkan ke dalam tr/td) untuk menggabungkan beberapa kolom dalam tabel , jika <td colspan="2"> itu artinya kita menggabungkan 2 kolom.
<tr>,</tr>=Untuk menambahkan baris(tabel kebawah)
<td>,</td>=Untuk menambahkan kolom(tabel menyamping)
<rowspan>=(dimasukkan ke dalam tr/td) untuk menggabungkan beberapa baris dalam tabel , jika <td rowspan="2"> itu artinya kita menggabungkan 2 baris.
<colspan>= (dimasukkan ke dalam tr/td) untuk menggabungkan beberapa kolom dalam tabel , jika <td colspan="2"> itu artinya kita menggabungkan 2 kolom.
3. Berikut ini adalah hasil jika kita sudah mengerti dan menguasai tabel tersebut. Cara melihat hasilnya (copy semua script dibawah lalu buka notepad kemudian paste , simpan dalam format html , lalu buka file tersebut menggunakan browser.)
<html>
<head>
<title>Tabel</title>
</head>
<body bgcolor="aqua"><center>
<table border="1" height="500" width="500">
<tr>
<td rowspan="1"><center>No</center></td>
<td colspan="2"><center>Acara</td></center>
<td colspan="4"><center>Pukul</td></center>
</tr>
<tr>
<td rowspan="1"><center>1</td></center>
<td colspan="2"><center>Pembukaan</td></center>
<td colspan="4"><center>07.00 - 07.50</td></center>
</tr>
<tr>
<td rowspan="1"><center>2</td></center>
<td colspan="2"><center>Pembacaan susunan acara</td></center>
<td colspan="4"><center>07.30 - 07.45</td></center>
</tr>
<tr>
<td rowspan="1"><center>3</td></center>
<td colspan="2"><center>sambutan ketua pelaksana</td></center>
<td colspan="4"><center>
<table border="1"height="10">
<tr>
<td colspan="1">Nama</td>
<td colspan="1">waktu</td>
</tr>
<tr>
<td colspan="1">Mr.X</td>
<td colspan="1">07.45 - 08.15</td>
</tr>
<td colspan="1">Root</td>
<td colspan="1">08.15 - 08-30</td>
</tr>
</table></center>
</td>
</tr>
<tr>
<td rowspan="1"><center>2</td></center>
<td colspan="2"><center>Pembacaan susunan acara</td></center>
<td colspan="4"><center>07.30 - 07.45</td></center>
</tr>
</body></center>
</html>
<head>
<title>Tabel</title>
</head>
<body bgcolor="aqua"><center>
<table border="1" height="500" width="500">
<tr>
<td rowspan="1"><center>No</center></td>
<td colspan="2"><center>Acara</td></center>
<td colspan="4"><center>Pukul</td></center>
</tr>
<tr>
<td rowspan="1"><center>1</td></center>
<td colspan="2"><center>Pembukaan</td></center>
<td colspan="4"><center>07.00 - 07.50</td></center>
</tr>
<tr>
<td rowspan="1"><center>2</td></center>
<td colspan="2"><center>Pembacaan susunan acara</td></center>
<td colspan="4"><center>07.30 - 07.45</td></center>
</tr>
<tr>
<td rowspan="1"><center>3</td></center>
<td colspan="2"><center>sambutan ketua pelaksana</td></center>
<td colspan="4"><center>
<table border="1"height="10">
<tr>
<td colspan="1">Nama</td>
<td colspan="1">waktu</td>
</tr>
<tr>
<td colspan="1">Mr.X</td>
<td colspan="1">07.45 - 08.15</td>
</tr>
<td colspan="1">Root</td>
<td colspan="1">08.15 - 08-30</td>
</tr>
</table></center>
</td>
</tr>
<tr>
<td rowspan="1"><center>2</td></center>
<td colspan="2"><center>Pembacaan susunan acara</td></center>
<td colspan="4"><center>07.30 - 07.45</td></center>
</tr>
</body></center>
</html>
Oke karena saya sudah pegal pegal , maka kita akhiri dulu pertemuan kita sampai disini saja :v Salam 3 srtipes and red stars..
Jika ada pertanyaan bisa hubungi saya di Facebook (lihat di homepage ada nama fb dan link fb saya).
Tidak ada komentar :
Posting Komentar