Home » , » Cara Membuat Tabel di Blog/Website dengan HTML

Cara Membuat Tabel di Blog/Website dengan HTML

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.
Ini Merupakan Profile Singkat Saya
DataKeterangan
NamaMohammad Hasanaji
TTLRembang, Mei 1990
AlamatJl. Kijang Selatan III
KotaSemarang
HobyBlogging
Browsing Internet
Reading
StatusPelajar
Dari tampilan tabel di atas code HTMLnya seperti berikut.
<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>
Dari code /script di atas dapat kita simpulkan :
<table>               : untuk membuat tabel
<tr>                    : untuk ganti baris
<td>                   : untuk ganti kolom
border="1"         : untuk menambahkan garis tepi
Judul : Cara Membuat Tabel di Blog/Website dengan HTML
Rating : 100% based on 79599 ratings. 297 user reviews.
Ditulis Oleh hasan aji
Thanks atas kunjungan Sobat beserta kesediaannya untuk membaca artikel ini. Jika ada yang kurang paham dapat ditanyakan melalui kotak komentar dibawah ini namun di larang berkomentar yg mengandung SARA.

2 komentar:

  1. 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.

    ReplyDelete
  2. trus ni diletakkan dimna gan??di html/javascript??thx buat jwbn'a ^^
    ditunggu ya kunjngan blik'a

    Fahri's Blog:Kumpulan Tips Trik

    ReplyDelete

Popular Posts