Cara Mudah Membuat Tabel HTML dengan Excel -->

Iklan Semua Halaman

970px x 250px

Iklan

Cara Mudah Membuat Tabel HTML dengan Excel

Referensi
Rabu, 27 September 2017
Solution ngNET - Menbuat tabel dalam HTML sangatlah mudah sebab banyak sekali yang sharing memberikan tutorial tentang tabel HTML plus contoh code-nya, tinggal copas jadi deh. Hhmm.. mudah kan? yang mo admin bahas disini bukan soal mudahnya, tapi sering kalinya terjadi kekeliruan posisi saat pengisian pada baris atau kolom tabel karena disertai dengan banyaknya kode-kode tabel yang bisa membingungkan.

Jika anda pernah mengalami hal itu, mari kita serahkan pada ahlinya (admin?) bukan. Ceritanya admin juga sering dibingungkan dengan hal tersebut, apa lagi ketika harus tambah baris atau kolom tabel. Akhirnya admin serahkan pada ahlinya yaitu dengan Ms. Excel sebagai ahli tabel dalam PC kita.


Berikut ini admin share template untuk pembuatan tabel dengan menggunakan Ms Excel. Silahkan anda download pada link dibawah tutorial, tampilannya seperti gambar berikut :
Dalam penggunaannya ada cara untuk lebih mempermudah dalam pengetikan isi tabel dan cara menambah baris atau kolom tabel yaitu :
Menambah kolom tabel,
  • Blok 3 kolom (dari kode <td> paling atas sampai kode </td> paling bawah)
  • Tarik ke kanan sesuai dengan kelipatannya
Menambah baris tabel,
  • Blok 3 baris (dari kode <tr> paling bawah sampai kode </td> dan </tr>
  • Tarik ke bawah sesuai dengan kelipatannya
  • Pindahkan kode </tbody> dan </table> agar sesuai posisi sebelumnya.
Cara untuk mempermudah pengetikan isi tabel yaitu :
Menyembunyikan baris kosong,
  • Blok kolom mulai dari atas kode </td> paling atas sampai kode </td> paling bawah
  • Lalu klik pada menu diatas Sort & Filter dan pilih Filter
  • Klik pada kotak arrow/panah, pilih blank dan klik pada checkbox untuk hilangkan tanda contreng
  • Klik OK
Menyembunyikan kolom kode </td><td>,
  • Blok kolom alfabet dari </td> dan <td>, contoh G-H lalu klik Ctrl+0(nol) atau klik kanan mouse dan pilih/klik hide
Jika semua opsi sudah diseting mulailah mengetik isi tabel. Dan untuk mengembalikannya, blok kolom alfabet sebelum dan sesudah G-H (F-I) dengan langkah yang sama dan pilih/klik Unhide. Begitu juga dengan contreng yang dihilangkan harus dikembalikan.
Cara Memindahkan Code Tabel dari Excel ke Postingan:
  • Blok semua code dari excel dan paste di laman postingan edit HTML (bukan laman Edit Compose)
  • paste ke Notepad lalu blok salah satu tab (area kosong antara teks code) lalu copy / Ctrl+C
  • klik Ctrl+H dan paste pada kolom pertama lalu klik Replace All
  • Blok semua code dari Notepad
  • Buka laman postingan edit HTML (bukan laman Edit Compose) klik paste / Ctrl+V
  • Selesai

Berikut link download :Template untuk Membuat Tabel HTML dengan Excel, dilengkapi juga dengan CSS kode untuk table HTML yang responsive

Demikian Cara Mudah Membuat Tabel HTML dengan Excel, semoga cara penyampaiannya mudah dimengerti dan selamat mencoba.
Salam...