Langsung ke konten utama

Membuat tabel dan kombinasi di HTML


Assalamualaikum Warahmatullahi Wabarakatuh,
Kawan-kawan yang berbahagia,di postingan ini saya akan membahas tentang Membuat tabel dan kombinasi di HTML,yasudah tidak perlu panjang lebar lagi langsung aja dibahas biar tidak penasaran mendalam.hehehe....

jadi gini kawan-kawan salah satu cara menampilkan informasi dalam web adalah dengan tabel.

Nah, tabel sendiri terdiri dari 4 unsur utama diantaranya :
1. Baris
2. Kolom
3. Sel
4. Garis
Dan satu lagi yang tidak boleh di lupakan klok membuat tabel di HTML yaitu Tag.Tag yang perlu di perhatikan saat membuat tabel di HTML yakni :
1.     Tag <table> untuk membungkus tabelnya
2. Tag <thead> untuk membungkus bagian kepala tabel
3. Tag <tbody> untuk membungkus bagian body dari tabel
4. Tag <tr> (tabel row) untuk membuat baris
5. Tag <td> (table data) untuk membuat sel
6. Tag <th> (table head) untuk membuat judul pada header
7. Tag yang paling penting untuk diingat adalah tag <table>, <tr>, dan <td>.
Selain itu, agar tabel memiliki garis, silahkan tambahkan atribut border="1" di dalam tag <table>. Nilai "1" pada atribut border adalah ukuran garisnya. Semakin besar ukurannya, maka akan semakin besar pula ukuran garisnya.
Sementara untuk menambahkan warna pada sel dan barissupaya lebih menarik dan berwarna seperti pemikiran kita , kita bisa menambahkan atribut bgcolor di dalam tag <td> (untuk sel) atau <tr> (untuk baris).
Di dalam sel <td> dan <th>, kita juga bisa menyisipkan elemen HTML yang lain, seperti foto, link, video, dsb.
Jadi langsung aja kita lihat contoh nya di bawah sini:
<html>
<head>
    <title>Table Data Diri</title>
    <font Biodata
</head>
<body >
                <center><h1><font color=lightskyblue>Biodata </font></h1></center>
    <table border="1">
        <tr>
                <td>Nrp : 1110181001 </td>
                <pre><td rowspan ="5"><center><img src="foto1.jpg" width="100"></td></pre></center>          
        </tr>
        <tr>
                <td><pre>Nama              : kafin paramasastra </pre></td>          
        </tr>
        <tr>
                <td>Program                         : D4 </td>         
        </tr>
        <tr>
                <td>Jurusan                         : Teknik Elektronika </td>          
        </tr>
        <tr>
                <td>Kelas               : 1 </td>        
        </tr>
        <tr>
                <td colspan="2">Pararel             : A </td>     
        </tr>
        <tr>
                <td colspan="2">Dosen wali          : Alridjajis </td>
        </tr>
        <tr>
                <td colspan="2">Tgllahir            : 03-07-1999</td>
        </tr>
        <tr>
                <td colspan="2">Tmplahir            : Sidoarjo </td>
        </tr>
        <tr>
                <td colspan="2">Tglmasuk            : 19-06-2018 </td>
        </tr>
        <tr>
                <td colspan="2">Jenis kelamin       : Laki-laki </td>
        </tr>
        <tr>
                <td colspan="2">Warga               : WNI </td>
        </tr>
        <tr>
                <td colspan="2">Agama               : Islam </td>
        </tr>
        <tr>
                <td colspan="2">Golongan darah      : O </td>
        </tr>
        <tr>
                <td colspan="2">Alamat              : ds.suko rt.5 rw.1 sidoarjo ,jawa timur  </td>
        </tr>
        <tr>
                <td colspan="2">Kota tempat tinggal : sidoarjo</td>
        </tr>
        <tr>
                <td colspan="2">Notelp              : 081299649974</td>
        </tr>
        <tr>
                <td colspan="2">Jalur penerimaan    : PMDK PN </td>
        </tr>

    </table>
</body>
</html>



Dan hasil yang di dapat adalah seperi di bawah ini :




 yah sekian dari pembahasan tentang Membuat tabel dan kombinasi di HTML apabila ada saran dan kesan silahkan komentar di bawah ini .motivasi untuk hari ini adalah :
“Jangan pernah berusaha untuk memperbaiki apa yang membuatmu menyesal di masa lalu untuk diulang kembali, jangan menghadap kebelakang agar hidupmu tak patah.”
terimaksih atas perhatian dan selamat belajar .wassalamualaikum.WR.WB.


Komentar

Postingan populer dari blog ini

cara membuat blog

CARA MEMBUAT BLOG Jenis-jenis Blog ·          Blog politik: Tentang berita, politik, aktivis, dan semua persoalan berbasis blog (Seperti kampanye). ·          Blog pribadi: Disebut juga buku harian online yang berisikan tentang pengalaman keseharian seseorang, keluhan, puisi atau syair, gagasan jahat, dan perbincangan teman. ·          Blog bertopik: Blog yang membahas tentang sesuatu, dan fokus pada bahasan tertentu. ·          Blog kesehatan: Lebih spesifik tentang kesehatan. Blog kesehatan kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dll. ·          Blog sastra: Lebih dikenal sebagai  litblog (Literary blog) . ·          Blog perjalanan: Fokus pada bahasan...

Statement FOR

Assalamualaikum Warahmatullahi Wabarakatuh, Kawan-kawan yang berbahagia,di postingan ini saya akan membahas tentang Statement FOR dari dasar,yang telah saya dapat dari pembelajaran algoritma dan pemerograman lanjutan .seperti biasanya tidak perlu panjang lebar kuy kita simak bersama-sama saja agar tidak penasaran .Terdapat soal-soal yang sangata menarik tentang Statement FOR mari kita liahat dan pahami programnya. 1.       Tentu Anda mengenal syair lagu anak-anak berikut ini: Anak ayam turun 10 Anak ayam turun 10, mati satu tinggal 9 Anak ayam turun 9, mati satu tinggal 8 Anak ayam turun 8, mati satu tinggal 7 Anak ayam turun 7, mati satu tinggal 6 Anak ayam turun 6, mati satu tinggal 5 Anak ayam turun 5, mati satu tinggal 4 Anak ayam turun 4, mati satu tinggal 3 Anak ayam turun 3, mati satu tinggal 2 Anak ayam turun 2, mati satu tinggal 1 Anak ayam turun 1, mati satu tinggal induk...