Cara Cepat Membuat Tabel

Thursday, April 17th 2014. | Tutorial
Cara Cepat Membuat Tabel HTML

Cara Cepat Membuat Tabel HTML

advertisement

Cara Cepat Membuat Tabel dengan Table Generator,- Dahulu sekali kami pernah menjelaskan bagaimana cara membuat tabel menggunakan HTML, berguna bagi siapa saja yang hendak menampilkan data dalam bentuk tabel untuk ditampilkan di website, blog, atau lainnya. Sebagaimana yang telah dijelaskan pada artikel tersebut untuk membuatnya dibutuhkan sedikit pengetahuan mengenai HTML, dan hal tersebut tentunya sedikit membuat kerepotan bagi yang sama sekali belum pernah behubungan dengan text HTML. Oleh karena itu, dalam artikel kali ini kami akan membahas bagaimana cara cepat membuat tabel HTML tanpa harus mempelajari terlebih dahulu sintak-sintak atau kode HTML. Yaitu dengan menggunakan layanan Table Generator yang bisa anda gunakan gratis secara online.

Cara Cepat Membuat Tabel Menggunakan Table Generator

Cara Cepat Membuat Tabel HTML

Cara Cepat Membuat Tabel HTML

Mari simak sama-sama bagaimana cara cepat membuat tabel menggunakan Table Generator:

1. Buka alamat http://www.tablesgenerator.com/html_tables pada web browser.

2. Anda akan langsung diarahkan ke halaman HTML Table Generator

3. Secara default anda akan mendapatkan tabel dengan ukuran 5 kolom (A, B, C, D, E) dan 4 baris (1, 2, 3, 4). Sesuaikan ukuran tabel yang akan dibuat dengan data yang dimiliki. Jika ternyata ukuran tabel kurang, kita bisa menambahkan kolom atau baris pada menu Table > Set size pada bagian menu atas, kemudian masukkan kolom dan baris yang diinginkan. Contoh: kami akan membuat data daftar smartphone Galaxy Samsung, dengan ukuran tabel 3 kolom dan 5 baris.

Setting Ukuran Tabel - Cara Cempat Membuat Tabel HTML

Setting Ukuran Tabel – Cara Cepat Membuat Tabel HTML

4. Isikan data pada tabel yang sudah dibuat.
Ada dua cara menginput di table generator ini:

  • Copy data dari aplikasi spreadsheet seperti excel, Google Docs, atau LibreOffice Calc, kemudian paste-kan di tabel yang telah dibuat.
  • Menulis langsung data di table yang telah dibuat.

Terdapat beberapa tools yang bisa digunakan untuk kostumisasi tabel, Rata Kiri, Rata Tengah, Rata Kanan, Bold, Italic, Ubah Jenis Font, Ukuran Text, Merge Cells, Split Cells, Warna Text, dan Model Tema Tabel.

Tools Tabel Generator - Cara Cepat Membuat Tabel HTML

Tools Tabel Generator – Cara Cepat Membuat Tabel HTML

Kostumisasi Tabel Generator - Cara Cepat Membuat Tabel HTML

Kostumisasi Tabel Generator – Cara Cepat Membuat Tabel HTML

5. Jika sudah selesai, Klik Tombol Generate yang ada di bagian bawah tabel.

6. Muncul deret kode dalam format HTML, Klik Copy to Clipboard kemudian pasangkan di halaman website atau blog anda.

Hasil Generate Code HTML Untuk Tabel

Hasil Generate Code HTML Untuk Tabel

7. Tampilan Tabel jika sudah dipasang di website atau blog akan nampak seperti berikut:

No Tipe Smartphone Harga
1 Samsung Galaxy Star Plus 1.200.000
2 Samsung Galaxy Y Neo 960.000
3 Samsung Galaxy Grand I9082 3.225.000
4 Samsung Galaxy Infinity 2.200.000

Tidak hanya untuk membuat tabel dalam format HTML, Table Generator ini juga dapat digunakan untuk membuat tabel dalam beberapa model:

1. LaTeX Tables
Untuk pembuatan tabel pada perangkat lunak jenis LaTeX. LaTeX merupakan nama perangkat lunak yang biasa digunakan oleh matematikawan, ilmuwan, insinyur, akademis, dan profesional lainnya.

2. HTML Tables
Pembuatan table untuk diaplikasikan pada bahasa HTML, sejenis website, blog dan lainnya.

3. Text Tables
Pembuatan tabel dengan data, garis baris dan kolom  semuanya dalam bentuk text.

4. Markdown Tables
Pembuatan tabel untuk digunakan pada platform yang menggunakan bahasa markup markdown. Contoh website yang menggunakan markdown adalah github.

5. mediaWiki Tables
Pembuatan tabel untuk digunakan pada website yang berbasis wiki sebagai platformnya, contoh seperti wikipedia.org

Itulah cara cepat membuat tabel menggunakan Table Generator. Silakan anda gunakan fasilitas tersebut untuk mempermudah kerja anda, sekaligus mempercepat anda ketika menulis data dalam bentuk tabel.

advertisement
tags: ,

Komentari Cara Cepat Membuat Tabel