Cara membuat tabel dan colum di blogger

Repair dan recover

          sahabat blog dan reader semuanya, kali ini saya akan membahas sedikit cara membuat table di blogger yang biasanya sering di gunakan untuk list data dan lain sebagainya. seperti contoh gambat di atas.

          Baiklah mari kita simak cara membuat table tersebut.
script yang nanti akan di gunakan sebagai berikut
1. <table>  = Tag Tabel dalam HTML
2. <tr>       = Tag Setiap tabel terdiri dari baris-baris
3. <td>       = Tag yang akan di isi data (misal : teks, gambar, video, dll)


Contoh Tabel 1

<table border = "3">

<tr>
<td>baris 1, kolom 1</td>

<td>baris 1, kolom 2</td>
</tr>

<tr>
<td>baris 2, kolom 1</td>

<td>baris 2, kolom 2</td>
</tr>

</table>

baris 1, kolom 1	baris 1, kolom 2
baris 2, kolom 1	baris 2, kolom 2

ket :
1. pada <table border = "3">  angkan 3 (ketebalan border) bisa di ubah sesuai keinginan
2. jika ingin menambahkan kolom maka tinggal menambahkakan seperti script berikut

<tr>
<td>baris 1, kolom 1</td>

<td>baris 1, kolom 2</td>
<td>baris 1, kolom 3</td>
</tr>

Contoh Tabel 2 

<table border="3">
<tr>
<td rowspan="2">Judul 1</td>
<td colspan="2">Judul 2</td>
</tr>
<tr>
<td>sub judul 1 </td>
<td>sub judul 2</td>
</tr>
<tr>
<td>baris 1, kolom 1</td>
<td>baris 1, kolom 2</td>
<td>baris 1, kolom 3</td>
</tr>
<tr>
<td>baris 2, kolom 1</td>
<td>baris 2, kolom 2</td>
<td>baris 2, kolom 3</td>
</tr>

</table>

Judul 1	Judul 2
	sub judul 1	sub judul 2
baris 1, kolom 1	baris 1, kolom 2	baris 1, kolom 3
baris 2, kolom 1	baris 2, kolom 2	baris 2, kolom 3

ket:
1. <td rowspan="2">Judul 1</td> berfungsi untuk mengabungkan baris 1 dan 2 (Vertikal), tergantung pada jumlah angka yang bertanda merah.

2. <td colspan="2">Judul 2</td> berfungsi untuk mengabungkan kolom 1 dan 2 (Horizontal), tergantung pada jumlah angka yang bertanda merah.


 demikian artikel ini saya buat, semoga mudah di pahami.

[Selamat mencoba dan semoga bermanfaat]