Tutorial Membuat Tabel Di Web Dengan HTML

Zona Internetku 7 Comments July 02, 2017

Tutorial Membuat Tabel Di Web Dengan HTML

berjumpa lagi dengan saya di zona internetku, pada saat kalian ingin membuat postingan Tutorial Membuat Tabel Di Web Dengan HTML di blog untuk mengelompokkan dan mendefinisikan sesuatu atau pastinya kalian ingin membuat tabel agar terlihat rapi, karena kerapian dalam penataan blog sangatlah penting bagi pengguna untuk memudahkan pembacanya agar paham dan membuat pengunjung blog merasa senang. biasanya tabel ini sering juga dipakai oleh para pembuat web yang isinya tentang review handphone atau forum jual beli. dan pada kali ini saya akan langsung  memberikan tutorialnya cara membuat tabel di web dengan html, langsung saja ya gan di simak tutorialnya di bawah ini.
untuk membuat tabel kalian harus memberi tag <table>isi kode tabel </table> untuk memuat isi keseluruhan tabel. sisipkan kode css ( border="?px") tanpa tanda kurung dalam tag tabel untuk mengatur ketebalan garis tabel.
untuk membuat baris baru gunakan tag <tr> isi baris </tr>
gunakan tag <td> isi kolom </td> untuk membuat kolom
 yuk langsung saja saya kasih contohnya supaya lebih jelas

<table border="1px">
<tr>
<td>tabel 1</td>
</tr>
<tr>
<td>tabel 2</td>
<td>tabel 2.2</td>
</tr>
<tr>
<td>tabel 3</td>
<td>tabel 3.2</td>
</tr>
<tr>
<td>tabel 4</td>
</tr>
</table>



untuk menggabungkan beberapa kolom kalian bisa gunakan tag css colsapan="?" jika ingin menggabungkan 3 kolom, ganti tanda tanya tersebut dengan angka 3. untuk menggabungkan beberapa baris kalian juga bisa menggunakan css rowspan="?" jika ingin mengabungkan 4 baris, ganti tanda tanya tersebut dengan angka 4. jika masih bingung penggunaanya, kalian bisa lihat contohnya di bawah ini beserta kodenya

<table align='center' bgcolor="#e9ff73" border="3px" width="400px"
bordercolor='blue'>
<tr><th colspan='3'><font color='red' align='center'><h2>Zona Internetku</h2></font></th></tr>
<tr><td rowspan='2' align="right">tabel 2</td><td>tabel 2.1</td><td>tabel 2.2</td></tr>
<td>tabel 2.3</td><td>tabel 2.4</td></tr
<tr><td height='50'>tabel 3</td><td colspan='2' align='center'><font color='blue'>tabel 3.1</font></td></tr>
 </table>



yap cukup ini saja tutorial tentang cara membuat tabel di web dengan kode html, semoga berhasil dan selamat mencoba. sekian dan sampai jumpa lagi di tutorial selanjutnya di zona internetku, apabila kalian ingin menyampaikan pesan dan saran bisa kalian kirim di laman form atau di form komentar dibawah. jangan lupa untuk mengikuti saya di facebook dan youtube ya gan.

Promo Menarik

Diskon Barang Elektronik Di Lazada Hingga 80%

Cek disini

Promo Cuci Gudang, Diskon Sampai 50%

Cek disini

Murah Pol - Barang Murah Berkualitas Mewah

Cek disini

Tampil Cantik Gak Perlu Mahal - Diskon 50%

Cek disini

Kumpulan Barang Untuk Kesehatan - Diskon 50%

Cek disini

SHARE