Cara Mudah Membuat Tabel di Blogspot atau Website HTML
Membuat tabel di blog atau website HTML tentunya tidak semudah membuat tabel di microsoft excel atau Microsoft Word. Walaupun ada beberapa website yang sudah menyediakan fasilitas editor untuk membuat tabel. Ada juga plugin teks editor gratis yang powerfull semacam ckeditor yang bisa disematkan pada website yang kita buat.
Untuk membuat table pada pada blogspot atau pun website html, bisa menggunakan cara manual dengan mengetahui tag-tag html atau bisa juga diedit menggunakan software editor desain web semacam DreamWeaver atau bluefish. Ada beberapa teks editor bisa dikopi pastekan langsung dari microsoft excel atau word, akan tetapi hasilnya kadang kurang sesuai dengan apa yang kita inginkan. Ada cara lebih praktis untuk membuat tabel pada website dengan memanfaatkan editor online, jadi kita tidak perlu menginstall software desain web semacam dream weaver atau bluefish.
Beberapa Tag HTML untuk Membuat Tabel
Tag | Description |
---|---|
<table> | Untuk mendefinisikan tabel |
<th> | Table Header |
<tr> | Table Row |
<td> | Table Data |
<caption> | Untuk membuat caption pada tabel |
Untuk membuat tabel secara online, untuk kali ini kita menggunakan Tabel Generator Online yang bisa diakses di tablesgenerator.com/html_tables. Dengan fasilitas yang ada akan memudahkan kita dalam membuat tabel html.
Tampilan Tabel Generator |
Beberapa pengaturan yang bisa dilakukan di html table generator:
- Perataan (alignment) rata kiri, kanan dan tengah
- Format huruf Bold (tebal), Italic (miring), Underline (garis bawah)
- Mengganti ukuran dan jenis huruf
- Merger dan Split cell
- Mengganti warna teks dan background tabel
- Theme => fasilitas untuk mengganti tema tabel yang sudah disesiakan beberapa template menarik
Yang lebih keren lagi, kita juga bisa mengkopi data dari program spreadsheet (seperti Google Docs, Microsoft Office, LibreOffice Calc, webpage dll). Untuk menggunakannya kopi tabel yang ada pada program spreadsheet, kemudian pada html generator pilih menu File- Paste Table Data. Selanjutnya anda bisa menyesuaikan tampilan tabel dengan menggunakan fasilitas yang ada pada html table generator.