Assalamualaikum Wr. Wb.
Kali ini kita mencoba menganalisis table agar sesuai dengan ke inginan kita:
Tetntunya jika ada omset di perkantoran, sekolah, atau perusahaan tentunya cara table ini sangat diperlukan untuk kita.
| Header1 | Header2 | Header3 | Header4 | Header5 | Header6 | Header7 | Header8 |
|---|---|---|---|---|---|---|---|
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| Header1 | Header2 | Header3 | Header4 | Header5 | Header6 | Header7 | Header8 |
|---|---|---|---|---|---|---|---|
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
Untuk kode Tablenya adalah: copy code dibawah ini dan silahkan masukan diposting anda dan lihat hasilnya, lalu perhatikan tanda yang di kasih warna biru, anda bisa merobahnya sesuai dengan apa yang anda inginkan, selamat menciba,
Jika ingin polos/tanpa warna, buang saja warnanya seperti :yellow; tinggal dibuang tulisan yellow, jadi :;
<center><table border cellpadding="0" cellspacing="0" style="border:2px ridge; font-size:16px; font-family:arrial; font-weight: bolder; color:blue;" ><tbody><tr><th style="background:green;">Header1</th><th style="background:yellow;">Header2</th><th style="background:yellow;">Header3</th><th style="background:green;">Header4</th><th style="background:yellow;">Header5</th><th style="background:yellow;">Header6</th><th style="background:yellow;">Header7</th><th style="background:red;">Header8</th></tr></tbody><tbody style="font-size:12px; font-family:arrial; font-weight:bold; color:white;" ><tr><th>cell 1</th><th>Cell 2</th><th>Cell 3</th><th>Cell 4</th><th>Cell 5</th><th>Cell 6</th><th>Cell 7</th><th>Cell 8</th></tr><tbody style="font-size:12px; font-family:arrial; font-weight:bold; color:white;" ><tr><th>cell 1</th><th>Cell 2</th><th>Cell 3</th><th>Cell 4</th><th>Cell 5</th><th>Cell 6</th><th>Cell 7</th><th>Cell 8</th></tr><tbody style="font-size:12px; font-family:arrial; font-weight:bold; color:white;" ><tr><th>cell 1</th><th>Cell 2</th><th>Cell 3</th><th>Cell 4</th><th>Cell 5</th><th>Cell 6</th><th>Cell 7</th><th>Cell 8</th></tr><tbody style="font-size:12px; font-family:arrial; font-weight:bold; color:white;" ><tr><th>cell 1</th><th>Cell 2</th><th>Cell 3</th><th>Cell 4</th><th>Cell 5</th><th>Cell 6</th><th>Cell 7</th><th>Cell 8</th></tr><tbody style="font-size:12px; font-family:arrial; font-weight:bold; color:white;" ><tr><th>cell 1</th><th>Cell 2</th><th>Cell 3</th><th>Cell 4</th><th>Cell 5</th><th>Cell 6</th><th>Cell 7</th><th>Cell 8</th></tr></tbody></table></center>
| Header1 | Header2 | Header3 | Header4 | Header5 | Header6 | Header7 | Header8 |
|---|---|---|---|---|---|---|---|
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
Untuk mengurangi kolom kesamping misal tidak delapn (8) ingin empat (4) tinggal dikurangi bagian haeder <th> ke </th> dibuang sebanyak masing-masing empat (4) maka sisanya tinggal tabel empat (4) kolom , begitupun juga kebawahnya.
Untuk menambah kebawah banyaknya table copy dari dimasing-masing <tbody> sampai ke </tr> dan paste dipaling bawah sebelum </tbody> hingga sebanyak yang kita inginkan dan robah tulisan yang ada sesuai keinginan.
selamat mencoba!!!!.
Cara cepat Table:
Ada juga cara cepat jika anda ingin membikin tanpa bingung dan berpikir banyak, bisa di konsep di Microsoft Office Exsel, caranya:
1. Anda membikin table di Microsoft Office Exsel sesuai dengan apa yang anda inginkan.
2. Jika sudah terbentuk lalu cari lewat google "Tableizer" atau kluk disini
3. setelah terbuka copy yang dari Microsoft Office Exsel tadi dan paste di tempat yang kosong sebelah atasnya, lalu klik "Tableize It", seketika itu juga muncul hasilnya, perhatikan ukuran tulisan dan bentuk melalui ukuran font (defaul 12 PX) kita turunkan atau naikkan sesuai keinginan. untuk hasilnya kita lihat/ambil ditempat yang tadi kita pastekan, lalu Ctrl+A dan Ctrl+C,
4. Jika sudah keluar copy (Ctrl+C) HTML yang atas untuk kita masukan di posting kita (Ctrl+V),
5. Posisikan jika ingin ditengah simpan antara <center> hasil copiyan </center>
Lihat hasilnya cepat Tableizer:
| Header1 | Header2 | Header3 | Header4 | Header5 | Header6 | Header7 | Header8 |
|---|---|---|---|---|---|---|---|
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
| cell 1 | Cell 2 | Cell 3 | Cell 4 | Cell 5 | Cell 6 | Cell 7 | Cell 8 |
Wassalam!.
0 comments:
Post a Comment