MEMBUAT FORM TABEL SEDERHANA DENGAN HTML

-

Pada postingan sebelumnya saya telah membahas tag html beserta fungsinya kali ini saya akan memberikan tips atau cara membuat tabel di html

Tabel terdiri dari 4 unsur utama

  1. Baris    --------  (Hijau)
  2. Colom  -------- (Merah)
  3. Sel        --------  (Biru)
  4. Garis






Jadi bagai mana cara kita untuk membuat tabel di html ?
kita bisa membuat nya dengan tag yang sudah saya berikan di postingan sebelumnya.

Tag untuk Membuat Tabel di HTML

  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

Mari kita langsung ke contoh coding :

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Contoh Tag Tabel</h1>
<table border="1">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td> Baris 2, Kolom 3</td>
    </tr>
    <tr>
        <td> Baris 3, Kolom 1</td>
        <td> Baris 3, Kolom 2</td>
        <td> Baris 3, Kolom 3</td>
    </tr>
    <tr>
        <td> Baris 4, Kolom 1</td>
        <td> Baris 4, Kolom 2</td>
        <td> Baris 4, Kolom 3</td>
    </tr>
</table>
</body>
</html>

Dan ini hasilnya :




Perhatikan bahwa pada tag <table> kita memberikan atribut border.
Atribut border digunakan untuk memberikan nilai garis tepi dari tabel.
Nilai ini dalam ukuran pixel. border=”1”, berarti kita membuat tabel dengan garis tepi sebesar 1 pixel. Jika tidak ditambahkan atribut border tabel tidak memiliki garis tepi.
ini adalah contoh coding table sederhana html, nanti anda bisa mengembangkannya sendiri.

Demikian sedikit artikel mengenai belajar membuat tabel sederhana menggunakan html.
Semoga artikel saya ini dapat memberikan manfaat untuk anda dalam menyusun sebuah web.

Comments

Post a Comment

Popular posts from this blog

cara menggunakan hero kagura mobile legends

-
Image
Pasti Anda sudah tahu siapa Kagura? Ya, Kagura adalah hero mage dalam permainan mobile legends yang indah dan penampilan yang ramai. anda dapat membeli hero ini dengan 32.000 battle poin atau dengan berlian 599. Lalu bagaimana cara untuk menggunakan pahlawan ini dengan baik dan benar? Mari kita lihat secara langsung  Sebelum kita mulai tips-nya, di sini adalah sedikit latar belakang dari hero Kagura:  Onmyouji Master adalah seorang master seni Yin Yang, dikendalikan oleh Roh-roh yang kuat, yin dan yang. Keluarga Kagura adalah yang tertua dan terkuat dari klan Onmyouji, yang terkuat di antara nenek moyang. Kagura, sebagai salah satu  Keluarga Onmyouji paling ampuh , dia diberikan Seimei payung (Seimei Umbrella), pusaka yin seni telah diturunkan dari generasi ke generasi. Legenda mengatakan bahwa payung telah disaring Seimei besar dengan menggunakan kekuatan dari ribuan hantu, yang sekarang memiliki hidup dan kebijaksanaan yang hanya dapat dikontrol oleh ...
Read more

CARA MENGATUR UKURAN KERTAS DI MICROSOFT WORD

-
Image
pada kesempatan kali ini saya akan memberikan tip atau trik untuk mengatur ukuran kertas di microsoft word. mengatur ukuran kertas pada Microsoft word adalah hal yang penting dan perlu dilakukan. Terlebih lagi ketika anda membuat makalah, tugas akhir atau skripsi. Biasanya ada aturan dan syarat tertentu yang harus dipenuhi diantaranya yaitu ukuran kertas yang pas. ok langsung saja kita menuju tutorialnya..... mengatur ukuran kertas. 1. Nyalakan komputer anda dan segera jalankan Microsoft Word yang anda miliki 2. Dari jendela kerja Microsoft Word, klik Tab Menu "Page layout" kemudian klik "Size". setelah anda klik size maka tampilan link nya akan seperti ini. nah setelah keluar tampilan sepeti ini anda bisa memilih ukuran kertas yang di rekomendasikan. Sampai di sini saya kira anda sudah tahu dan paham caranya kan ? Oke sekarang kita lanjutkan ! Apabila anda tidak menemukan atau tidak tersedia pada menu Microsoft Word ? Seperti jika anda sering men...
Read more

MEMBUAT AKUN DI PADLET

-
Image
pada postingan sebelumnya saya telah membahas apa itu padlet. kali ini saya akan memberikan sedikit tips untuk membuat akun di padlet. ok langsung saja menuju link berikut  https://id.padlet.com/ setelah anda masuk nanti tampilannya akan seperti di bawah ini kemudian anda pilih menu login, tampilannya seperi berikut sebaiknya pilih akun google+ jika anda punya, jadi secara otomatis terhubung dengan gmail atau akun facebook. mudah dan simple kan... Demikian sedikit artikel mengenai membuat akun baru di padlet. semoga bermanfaat ....
Read more