Rz
April 23, 2015

Cara bikin tabel di posting blog

Weleh-weleh Mumpung belum ngantuk MAKNYUSblogger coba Posting tentang cara bikin Tabel di posting blog,

Cara bikin tabel di posting blog
 Oky mari kita simak langkah demi langkah Mulai dari tabel sederhana Terlebih dahulu silahkan buka entri baru, Lalu klik Pada bagian HTML di sebelah kompose selanjutnya ketikan kode berikut ini :
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
Setelah itu klik pada bafgian kompose maka hsilnya akan menjadi seperti ini :
1 2 3
Selanjutnya membuat tabel dua baris
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>

<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
Maka hasilnya akan menjadi seperti ini :
1 2 3
4 5 6
Dari beberapa contoh di atas kita dapat melihat (tr) di gunakan untuk membuat tabel ke bawah sedangkan kode (td) berfungsi untuk bikin tabel ke samping, Jadi jika ingin menambahkan jumlah tabel, Silahkan tambahkan kode (tr) dan kode (td) sesuai dengan keinginan anda.

Untuk Selanjutnya yaitu membuat Tbel dengan Warna  background, Lebar tabel serta tulisan denagan cara menambahkan kode bgcolor="red" border="1" style="color: white; width: 400px;" Pada bagisaan <tabel> contohnya seperti berikut ini :
<table bgcolor="red" border="1" style="color:white;width:400px;">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
Hasilnya seperti berikut ini :
1 2 3
4 5 6
Sekarang kita coba menggunakan tabel dengan judul di atasnya, dan juga mengatur lbar di setiap judul tabel , Tambahkan kode <th>  Judul </th> Contoh :
<table bgcolor="red" border="1" style="color: green;">
<tbody>
<tr>
<th width="40">No</th>
<th width="400">Nama</th>
<th width="400">Kelas</th>
</tr>
<tr>
<td>1</td>
<td>Fandra Juani</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>Juani Fandra</td>
<td>6</td>
</tr>
</table>
Untuk hasil sbb :
No Nama Kelas
1 Fandra Juani 3
2 Juani Fandra 6
Bisa juga menggunakan Background dengan warna yang berbeda :
<table bgcolor="white" border="1" style="color: black;">
<tr>
<th bgcolor="blue" width="40">No</th>
<th bgcolor="green" width="400">Nama</th>
<th bgcolor="red" width="400">Kelas</th>
</tr>
<tr>
<td>1</td>
<td>Fandra Juani</td>
<td>3</td>
</tr>
<tr>
<td>2</td>
<td>Juani Fandra</td>
<td>6</td>
</tr>
</table>
Contoh Hasil seperti berikut ini :
No Nama Kelas
1 Fandra Juani 3
2 Juani Fandra 6
Untuk pengaturan posisi tulisan anda bisa menggunakan tool Alignment yang ada pilihan tool Pada saat kita menulis di entri. Sebenarnya masih banyak kode dengan fungsi yang lainya yang dapat untuk membuat tabel di posting blog.
Untuk sementara Sekian dulu Moga bermanfaat artikel yang MAKNYUSblogger Posting.

Anda baru saja membaca artikel tentang - Cara bikin tabel di posting blog. Silahkan baca artikel berikutnya dari - maknyus blogger - Jangan lupa g+1 / fb / twit :)

Artikel Terkait

loading...

0 komentar:

Posting Komentar