Sebenarnya ini bukanlah tips baru. Karena sudah ada pada zaman dahulu kala jelir. Tetapi karena cukup berguna dan sekaligus untuk melengkapi tips di blog ini. Jadi saya posting disini. Saya yakin anda semua pasti sdh tahu apa itu tabel. Jadi saya tidak akan menjelaskan definisnya lagi. Yang akan saya jelaskan disini adalah bagaimana cara membuat tabel pada blog.
Tabel ini sangat berguna untuk membuat laporan seperti laporan keuangan, laporan transaksi, laporan stock ataupun daftar barang. Jadi jika anda ingin membuat sebuah laporan untuk diposting pada blog anda. Maka anda tidak perlu lagi untuk membuatnya diprogram office terlebih dahulu. Tetapi anda bisa langsung membuatnya di blog anda.

Pingin tahu caranya? Silahkan ikuti tutorial berikut ini.

1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:

<table border="1">

<tr>

<td></td> <td></td>

</tr>

KETERANGAN :
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan


Sebagai contoh jika anda memasukkan kode seperti ini.

<table border="1">

<tr>

<td>Konten 1</td> <td>Konten 2</td>

</tr>

</table>

Maka hasilnya akan menjadi seperti ini: Sebenarnya ini bukanlah tips baru. Karena sudah ada pada zaman dahulu kala jelir. Tetapi karena cukup berguna dan sekaligus untuk melengkapi tips di blog ini. Jadi saya posting disini. Saya yakin anda semua pasti sdh tahu apa itu tabel. Jadi saya tidak akan menjelaskan definisnya lagi. Yang akan saya jelaskan disini adalah bagaimana cara membuat tabel pada blog.

Tabel ini sangat berguna untuk membuat laporan seperti laporan keuangan, laporan transaksi, laporan stock ataupun daftar barang. Jadi jika anda ingin membuat sebuah laporan untuk diposting pada blog anda. Maka anda tidak perlu lagi untuk membuatnya diprogram office terlebih dahulu. Tetapi anda bisa langsung membuatnya di blog anda.

Pingin tahu caranya? Silahkan ikuti tutorial berikut ini.

1. Untuk membuat tabel 1x2 (1 baris 2 kolom) maka kode yang digunakan adalah:

<table border="1">

<tr>

<td></td> <td></td>

</tr>

KETERANGAN :
<table> merupakan perintah untuk membuat tabel
<tr> merupakan perintah untuk membuat baris
<td> merupakan perintah untuk membuat kolom
border merupakan perintah untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan


Sebagai contoh jika anda memasukkan kode seperti ini.

<table border="1">

<tr>

<td>Konten 1</td> <td>Konten 2</td>

</tr>

</table>

Maka hasilnya akan menjadi seperti ini:

Konten 1 Konten 2

Catatan:

Tulisan yang dicetak tebal pada kode diatas merupakan isi dari tabel. Anda bisa menggantinya dengan teks, link, atau gambar.

Jika anda ingin menambah baris baru maka tambahkan kode yang dicetak merah diatas </table>. Contohnya :

2. Membuat tabel 2x2 (2 baris 2 kolom) dengan konten teks dan gambar

<table border="1">

<tr>

<td>Gambar 1</td> <td>Gambar 2</td>

</tr>

<tr>

<td><img src="http://lh4.ggpht.com/_15FopxVONSo/Sgk6_WoVCEI/AAAAAAAACuA/YGSg8tmR8W4/emoticyon.jpg" /></td> <td><img src="http://lh5.ggpht.com/_15FopxVONSo/Sgk6_c1q4RI/AAAAAAAACt8/5y_FNgWouF4/11678716712iT.jpg" /></td>

</tr>

</table>

Maka hasilnya seperti ini:

Gambar 1 Gambar 2

Ok saya rasa itu saja tutorialnya. Selamat mencoba...

Jika masih ada yang kurang jelas silahkan ditanyakan melalui kotak komentar senyum

0 Comments:

Post a Comment



Post a Comment

Terima kasih, komentar anda sangat berarti bagi Saya. Silahkan Isi pendapat anda tentang blog ini :


 

The Original Theme Editor by Aditzz. Sponsored by Link Page Report Card