Tutorial Membuat Tabel Di Web Dengan HTML | Tutorial Lengkap
Tutorial Membuat Tabel Di Web Dengan HTML
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 membentuk tabel pada 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.
Komentar
Posting Komentar