Dalam postingan kali ini, saya akan berbagi pengetahuan tentang cara membuat tabel pada blog / website kita. karena tabel mempunyai banyak fungsi dan sangat umum digunakan.
Tutorial ini cocok bagi anda yang ingin menambahkan tabel dalam postingan blog /website anda, untuk membuat suatu tabel contohnya bisa di lihat seperti dibawah ini.
Dari tampilan tabel di atas code HTMLnya seperti berikut.
Dari code /script di atas dapat kita simpulkan :Tutorial ini cocok bagi anda yang ingin menambahkan tabel dalam postingan blog /website anda, untuk membuat suatu tabel contohnya bisa di lihat seperti dibawah ini.
Ini Merupakan Profile Singkat Saya
Data | Keterangan |
---|---|
Nama | Mohammad Hasanaji |
TTL | Rembang, Mei 1990 |
Alamat | Jl. Kijang Selatan III |
Kota | Semarang |
Hoby | Blogging |
Browsing Internet | |
Reading | |
Status | Pelajar |
<table aligment="center" border="1" style="width: 500px;"><thead bgcolor="#C9FDE5">
<tr><th>Data</th><th>Keterangan</th></tr>
</thead><tbody>
<tr><td>Nama</td><td>Mohammad Hasanaji</td></tr>
<tr><td>TTL</td><td>Rembang, Mei 1990</td></tr>
<tr><td>Alamat</td><td>Jl. Kijang Selatan III</td></tr>
<tr><td>Kota</td><td>Semarang</td></tr>
<tr><td rowspan="3">Hoby</td><td>Blogging</td></tr>
<tr><td>Browsing Internet</td></tr>
<tr><td>Reading</td></tr>
<tr><td>Status</td><td>Pelajar</td></tr>
</tbody></table>
<tr><th>Data</th><th>Keterangan</th></tr>
</thead><tbody>
<tr><td>Nama</td><td>Mohammad Hasanaji</td></tr>
<tr><td>TTL</td><td>Rembang, Mei 1990</td></tr>
<tr><td>Alamat</td><td>Jl. Kijang Selatan III</td></tr>
<tr><td>Kota</td><td>Semarang</td></tr>
<tr><td rowspan="3">Hoby</td><td>Blogging</td></tr>
<tr><td>Browsing Internet</td></tr>
<tr><td>Reading</td></tr>
<tr><td>Status</td><td>Pelajar</td></tr>
</tbody></table>
<table> : untuk membuat tabel
<tr> : untuk ganti baris
<td> : untuk ganti kolom
border="1" : untuk menambahkan garis tepi
menarik informasinya gan, klo artikelnya menarik dan sangat saya suka penjelasannya yg cukup menarik lagipula loe, juga bagi teman2 yg suka film box office ampe semi terbaru silakan kunjungi situsnya saya ok, makasi untuk admin situs ini loe, salam blogger indonesia.
ReplyDeletetrus ni diletakkan dimna gan??di html/javascript??thx buat jwbn'a ^^
ReplyDeleteditunggu ya kunjngan blik'a
Fahri's Blog:Kumpulan Tips Trik