Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Tutorial Blog

Cara Gampang Menciptakan Tabel Html Dengan Excel

- Menbuat tabel dalam HTML sangatlah gampang alasannya yakni berbagai yang sharing memperlihatkan tutorial perihal tabel HTML plus pola code-nya, tinggal copas jadi deh. Hhmm.. gampang kan? yang mo admin bahas disini bukan soal mudahnya, tapi sering kalinya terjadi kekeliruan posisi ketika pengisian pada baris atau kolom tabel lantaran disertai dengan banyaknya kode-kode tabel yang dapat 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 andal tabel dalam PC kita.


Berikut ini admin share template untuk pembuatan tabel dengan memakai Ms Excel. Silahkan anda download pada link dibawah tutorial, tampilannya ibarat 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 instruksi <td> paling atas hingga instruksi </td> paling bawah)
  • Tarik ke kanan sesuai dengan kelipatannya
Menambah baris tabel,
  • Blok 3 baris (dari instruksi <tr> paling bawah hingga instruksi </td> dan </tr>
  • Tarik ke bawah sesuai dengan kelipatannya
  • Pindahkan instruksi </tbody> dan </table> semoga sesuai posisi sebelumnya.
Cara untuk mempermudah pengetikan isi tabel yaitu :
Menyembunyikan baris kosong,
  • Blok kolom mulai dari atas instruksi </td> paling atas hingga instruksi </td> paling bawah
  • Lalu klik pada sajian 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 instruksi </td><td>,
  • Blok kolom alfabet dari </td> dan <td>, pola G-H kemudian 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 setelah 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 kemudian blok salah satu tab (area kosong antara teks code) kemudian copy / Ctrl+C
  • klik Ctrl+H dan paste pada kolom pertama kemudian 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 instruksi untuk table HTML yang responsive

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

Anda mungkin menyukai postingan ini :