Senin, 14 November 2011

Membuat Tabel di Postingan

Apa kabar semuanya sob???? Gimana dengan pendukung Spanyol, pasti lagi ngerayain kemenangan yah?? Selamat aja deh sob. Pada kesempatan kali ini saya akan share sedikit kepada teman-teman blogger, bagaimana cara membuat tabel di dalam postingan,
mungkin sebagian sobat blogger uda ada yang tahu, tapi tak apa saya share, mungkin saja dapat bermanfaat buat sobat. Sebenarnya dalam membuat tabel, tidak terlalu sulit, tapi tidak gampang juga, yah susah-susah gampang lah. Nah yang perlu di perhatikan dalam membuat tabel yaitu :
  1. Kode dasar tabel yaitu <table> ... </table>
  2. Kode untuk membuat baris tabel yaitu <tr> ... </tr>
  3. Kode untuk membuat kolom yaitu tabel yaitu <td> ... </td> satu baris ini bisa terdiri dari beberapa kolom.
  4. Sedangkan kode umum yang sering dijumpai, yang terdapat pada pembuatan tabel, yaitu width (...px), border (...px), kemudian align (center, left, right), dan backgraound color (kode warna#...)
Sebagai contoh, perhatikan tabel di bawah ini:


Nama BarangHargaDiskon
KeyboardRp. 50.00010 %
MouseRp. 40.00010 %
LaptopRp. 6.000.00015 %
MonitorRp. 1.500.00010 %

 Untuk membuat table seperti di atas, silakan copy paste kode di bawah ini


<table border="1" width="300">
<tr bgcolor="#000000"><td align="center"><b>Nama Barang</b></td><td align="center"><b>Harga</b></td><td align="center"><b>Diskon</b></td></tr>
<tr><td align="center">Keyboard</td><td align="center">Rp. 50.000</td><td align="center">10 %</td></tr>
<tr><td align="center">Mouse</td><td align="center">Rp. 40.000</td><td align="center">10 %</td></tr>
<tr><td align="center">Laptop</td><td align="center">Rp. 6.000.000</td><td align="center">15 %</td></tr>
<tr><td align="center">Monitor</td><td align="center">Rp. 1.500.000</td><td align="center">10 %</td></tr>
</table>

Selamat mencoba, semoga bermanfaat buat sobat sekalian.

1 komentar:

  1. jangan kebanyakan komentar,,saling koreksi diri sendiri j..
    hehehe..

    BalasHapus