Belajar Membuat Tabel

Untuk membuat tabel masuk ke Dashbor, klik --> posting, --> edit HTML, dan ketik kode HTML dibawah ini:

<table border="1" style="width: 500px;"><tbody>
<tr> <td>No</td> <td>Nama</td> <td>Tempat/Tanggal Lahir</td> <td>Pekerjaan</td> <td>Alamat</td></tr>
</tbody></table>

Setelah selesai klik Compose dan hasilnya akan seperti dibawah ini :

No

Nama

Tempat/Tanggal Lahir

Pekerjaan

Alamat

Untuk menambah kolom dibawah, yang harus diketik:

<table border="1" style="width: 500px;"><tbody>
<tr> <td>No</td> <td>Nama</td> <td>Tempat/Tanggal Lahir</td> <td>Pekerjaan</td> <td>Alamat</td></tr>

<tr> <td>1</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

</tbody></table>

maka hasilnya seperti ini:

No	Nama	Tempat/Tanggal Lahir	Pekerjaan	Alamat
1	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau

kalo mau tambah baris lagi copy kode yang warna merah seperti contoh diatas sebanyak tambahan baris yang kita mau.
contoh :
<table border="1" style="width: 500px;"><tbody>
<tr> <td>No</td> <td>Nama</td> <td>Tempat/Tanggal Lahir</td> <td>Pekerjaan</td> <td>Alamat</td></tr>

<tr> <td>1</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>
<tr> <td>1</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

<tr> <td>2</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

<tr> <td>3</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

<tr> <td>4</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

<tr> <td>5</td> <td>Aditya Pratama</td> <td>Gorontalo, 20/02/1995</td> <td>Siswa</td> <td>Jl Rusli Datau</td></tr>

</tbody></table>

maka hasilnya seperti dibawah ini :

No	Nama	Tempat/Tanggal Lahir	Pekerjaan	Alamat
1	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau
2	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau
3	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau
4	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau
5	Aditya Pratama	Gorontalo, 20/02/1995	Siswa	Jl Rusli Datau

Kesimpulan :
1. Kode dasar tabel adalah <table> ... </table>.
2. Kode untuk membuat baris tabel <tr> ... </tr>.
3. Kode untuk membuat kolom tabel <td> ... </td>
4. Pada HTML diatas, untuk kode width: 500px, maksudnya 
   adalah lebar tabel 500px, bisa diubah menjadi 400px,
   600px, atau terserah kita mau berapa lebar tabel yang
   penting harus menyesuaikan dengan isi konten kita atau
   lebar halaman di blog kita
5. Untuk mengatur letak tulisan, warna tulisan atau warna
   kolom dapat diatur langsung difitur yang ada dicompose

 

Untuk lebih mudahnya silahkan copy paste kode diatas dan mulai dipraktekkan.