Cara Membuat Tabel pada web

Terkadang kita di pusingkan bagaimana cara membuat tabel di web/ Blog, yang dinilai terlalu ribet tidak semudah jika menggunakan program aplikasi spred sheet.
hal ini lah yang unik jika mau mudah terus ya jangan buat tabel di internet. tapi kita dapat memper mudah dengan solusi seperti ini :

Untuk pembuatan 3 kolom 2 baris :

<div style="color: black;">
<br /></div>
<div>
</div>
</div>
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>Klinik 1 ICT 1</td>
<td>Klinik 1 ICT 2</td>
<td>Klinik 1 ICT 3</td>
</tr>
<tr>
<td>Klinik 2 ICT 1</td>
<td>Klinik 2 ICT 2</td>
<td>Klinik 2 ICT 3</td>
</tr>
</tbody></table>

Hasil akan menjadi seperti berikut ini :

Klinik 1 ICT 1	Klinik 1 ICT 2	Klinik 1 ICT 3
Klinik 2 ICT 1	Klinik 2 ICT 2	Klinik 2 ICT 3

Untuk pembuatan 3 kolom 4 baris :

<div style="color: black;">
<br /></div>
<div>
</div>
</div>
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>Klinik 1 ICT 1</td>
<td>Klinik 1 ICT 2</td>
<td>Klinik 1 ICT 3</td>
</tr>
<tr>
<td>Klinik 2 ICT 1</td>
<td>Klinik 2 ICT 2</td>
<td>Klinik 2 ICT 3</td>
</tr>
<tr>
<td>Klinik 3 ICT 1</td>
<td>Klinik 3 ICT 2</td>
<td>Klinik 3 ICT 3</td>
</tr>
<tr>
<td>Klinik 4 ICT 1</td>
<td>Klinik 4 ICT 2</td>
<td>Klinik 4 ICT 3</td>
</tr>
</tbody></table>

Hasil akan menjadi seperti berikut ini :

Klinik 1 ICT 1	Klinik 1 ICT 2	Klinik 1 ICT 3
Klinik 2 ICT 1	Klinik 2 ICT 2	Klinik 2 ICT 3
Klinik 3 ICT 1	Klinik 3 ICT 2	Klinik 3 ICT 3
Klinik 4 ICT 1	Klinik 4 ICT 2	Klinik 4 ICT 3

Untuk Pembuatan 4 Kolom 10 baris :

<div style="color: black;">
<br /></div>
<div>
</div>
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>Klinik 1 ICT 1</td>
<td>Klinik 1 ICT 2</td>
<td>Klinik 1 ICT 3</td>
<td>Klinik 1 ICT 4</td>
</tr>
<tr>
<td>Klinik 2 ICT 1</td>
<td>Klinik 2 ICT 2</td>
<td>Klinik 2 ICT 3</td>
<td>Klinik 2 ICT 4</td>
</tr>
<tr>
<td>Klinik 3 ICT 1</td>
<td>Klinik 3 ICT 2</td>
<td>Klinik 3 ICT 3</td>
<td>Klinik 3 ICT 4</td>
</tr>
<tr>
<td>Klinik 4 ICT 1</td>
<td>Klinik 4 ICT 2</td>
<td>Klinik 4 ICT 3</td>
<td>Klinik 4 ICT 4</td>
</tr>
<tr>
<td>Klinik 5 ICT 1</td>
<td>Klinik 5 ICT 2</td>
<td>Klinik 5 ICT 3</td>
<td>Klinik 5 ICT 4</td>
</tr>
<tr>
<td>Klinik 6 ICT 1</td>
<td>Klinik 6 ICT 2</td>
<td>Klinik 6 ICT 3</td>
<td>Klinik 6 ICT 4</td>
</tr>
<tr>
<td>Klinik 7 ICT 1</td>
<td>Klinik 7 ICT 2</td>
<td>Klinik 7 ICT 3</td>
<td>Klinik 7 ICT 4</td>
</tr>
<tr>
<td>Klinik 8 ICT 1</td>
<td>Klinik 8 ICT 2</td>
<td>Klinik 8 ICT 3</td>
<td>Klinik 8 ICT 4</td>
</tr>
<tr>
<td>Klinik 9 ICT 1</td>
<td>Klinik 9 ICT 2</td>
<td>Klinik 9 ICT 3</td>
<td>Klinik 9 ICT 4</td>
</tr>
<tr>
<td>Klinik 10 ICT 1</td>
<td>Klinik 10 ICT 2</td>
<td>Klinik 10 ICT 3</td>
<td>Klinik 10 ICT 4</td>
</tr>
</tbody></table>

Hasil akan menjadi seperti berikut ini :

Klinik 1 ICT 1	Klinik 1 ICT 2	Klinik 1 ICT 3	Klinik 1 ICT 4
Klinik 2 ICT 1	Klinik 2 ICT 2	Klinik 2 ICT 3	Klinik 2 ICT 4
Klinik 3 ICT 1	Klinik 3 ICT 2	Klinik 3 ICT 3	Klinik 3 ICT 4
Klinik 4 ICT 1	Klinik 4 ICT 2	Klinik 4 ICT 3	Klinik 4 ICT 4
Klinik 5 ICT 1	Klinik 5 ICT 2	Klinik 5 ICT 3	Klinik 5 ICT 4
Klinik 6 ICT 1	Klinik 6 ICT 2	Klinik 6 ICT 3	Klinik 6 ICT 4
Klinik 7 ICT 1	Klinik 7 ICT 2	Klinik 7 ICT 3	Klinik 7 ICT 4
Klinik 8 ICT 1	Klinik 8 ICT 2	Klinik 8 ICT 3	Klinik 8 ICT 4
Klinik 9 ICT 1	Klinik 9 ICT 2	Klinik 9 ICT 3	Klinik 9 ICT 4
Klinik 10 ICT 1	Klinik 10 ICT 2	Klinik 10 ICT 3	Klinik 10 ICT 4

Untuk Pembuatan 10 Kolom 4 baris :

<div style="color: black;">
<br /></div>
<div>
</div>
</div>
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td>Klinik 1 ICT 1</td>
<td>Klinik 1 ICT 2</td>
<td>Klinik 1 ICT 3</td>
<td>Klinik 1 ICT 4</td>
<td>Klinik 1 ICT 5</td>
<td>Klinik 1 ICT 6</td>
<td>Klinik 1 ICT 7</td>
<td>Klinik 1 ICT 8</td>
<td>Klinik 1 ICT 9</td>
<td>Klinik 1 ICT 10</td>



</tr>
<tr>
<td>Klinik 2 ICT 1</td>
<td>Klinik 2 ICT 2</td>
<td>Klinik 2 ICT 3</td>
<td>Klinik 2 ICT 4</td>
<td>Klinik 2 ICT 5</td>
<td>Klinik 2 ICT 6</td>
<td>Klinik 2 ICT 7</td>
<td>Klinik 2 ICT 8</td>
<td>Klinik 2 ICT 9</td>
<td>Klinik 2 ICT 10</td>


</tr>
<tr>
<td>Klinik 3 ICT 1</td>
<td>Klinik 3 ICT 2</td>
<td>Klinik 3 ICT 3</td>
<td>Klinik 3 ICT 4</td>
<td>Klinik 3 ICT 5</td>
<td>Klinik 3 ICT 6</td>
<td>Klinik 3 ICT 7</td>
<td>Klinik 3 ICT 8</td>
<td>Klinik 3 ICT 9</td>
<td>Klinik 3 ICT 10</td>


</tr>
<tr>
<td>Klinik 4 ICT 1</td>
<td>Klinik 4 ICT 2</td>
<td>Klinik 4 ICT 3</td>
<td>Klinik 4 ICT 4</td>
<td>Klinik 4 ICT 5</td>
<td>Klinik 4 ICT 6</td>
<td>Klinik 4 ICT 7</td>
<td>Klinik 4 ICT 8</td>
<td>Klinik 4 ICT 9</td>
<td>Klinik 4 ICT 10</td>


</tr>
</tbody></table>

Hasil akan menjadi seperti berikut ini :

Klinik 1 ICT 1	Klinik 1 ICT 2	Klinik 1 ICT 3	Klinik 1 ICT 4	Klinik 1 ICT 5	Klinik 1 ICT 6	Klinik 1 ICT 7	Klinik 1 ICT 8	Klinik 1 ICT 9	Klinik 1 ICT 10
Klinik 2 ICT 1	Klinik 2 ICT 2	Klinik 2 ICT 3	Klinik 2 ICT 4	Klinik 2 ICT 5	Klinik 2 ICT 6	Klinik 2 ICT 7	Klinik 2 ICT 8	Klinik 2 ICT 9	Klinik 2 ICT 10
Klinik 3 ICT 1	Klinik 3 ICT 2	Klinik 3 ICT 3	Klinik 3 ICT 4	Klinik 3 ICT 5	Klinik 3 ICT 6	Klinik 3 ICT 7	Klinik 3 ICT 8	Klinik 3 ICT 9	Klinik 3 ICT 10
Klinik 4 ICT 1	Klinik 4 ICT 2	Klinik 4 ICT 3	Klinik 4 ICT 4	Klinik 4 ICT 5	Klinik 4 ICT 6	Klinik 4 ICT 7	Klinik 4 ICT 8	Klinik 4 ICT 9	Klinik 4 ICT 10

Dari Penjelasan di atas saya rasa sudah sangat cukup membantu anda untuk membuat tabel sesuai dengan kebutuhan anda.

Hal yang perlu anda perhatikan untuk mebuat tabel di web agar mempercepat kerja anda :
1. Sebelum anda mengerjakan tugas anda. hitung dulu kebutuhan kolom dan baris yang di butuhkan.
2. Copy scrip diatas pada halaman anda akan membuat tabel.
3. Edit scrip sesuai dengan kebutuhan anda
4. Setelah sesuai bentuk tabel dengan scripnya barulah anda pastekan pada halaman HTML
5. Anda Siap mengetik data nya.

Hal ini perlu dilakukan karena setelah jika anda membuat tabel sambil mengetik lalu menambah tabel di halaman HTML pasti anda akan bingung karena scrip pada halaman HTML terlalu banyak dan membingungkan anda.


Selamat Mencoba


Kunjungi trus http://www.klinikict.com/ web pembelajaran ICT terbaik dan terpercaya bagi dunia pendidikan.

Artikel Terkait: