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>
<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>
<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>
<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>
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.
<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:
Workshop ICT
0 komentar:
Post a Comment