Cara Membuat Tabel HTML BatuLandak.id

oleh

tabel-html

Tabel adalah Kumpulan data informasi yang disusun saling berhubungan berdasarkan baris dan kolom dalam HTML yang ada di halaman web.  Tabel di web sudah banyak digunakan oleh orang membangun web dari yang pakar ahli di pemrograman sampai pemula. Bagi anda seorang pemula yang masih belajar membuat web sendiri dengan tampilan sederhana biasanya untuk yang pertama mengalami kesulitan jika membangun sebuah tabel di script HTML. Pada kesempatan ini saya akan memberikan banyak cara membuat tabel di HTML. Sebelum memulainya saya terangkan terlebih dahulu tag yang perlu dipakai untuk membangun sebuah tabel yaitu TABLE, TR, TD.

Penjelasan Tag Tabel HTML

  • Tag
    digunakan untuk memulai tabel
  • Tag
    • adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
  • Tag
    • adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

    Untuk lebih jelasnya langsung saja saya berikan contoh script kode tabel HTML

    

Untitled Document



    Gambar Tabel Sederhana Menggunakan HTML
    
width="600"border="1">
  
     
    
     1
     2
     3
  
    
  
    
     5
    6
    7
  
    
  
    
    8
    9
    10

    Perhatikan  tag diatas saya hanya memberikan atribut border nilai 1 dan widht atau penjang tabel 600. Atribut border digunakan untuk memberikan tebal tipisnya garis tepi dari tabel, semakin besar ukuran pixel border akan semakin tebal tabel tersebut. Untuk atribut widht atau panjang tabel semakin besar pixel width semmakin panjang tabel tersebut

    Sekarang mari kita kembangkan bentuk tabel diatas seperi  menggabungkan cell satu dengan yang lainnya :

    1. Marger Cell Column Tabel HTML 

    

Untitled Document



    Gambar Marger Cell Column Tabel HTML
    

    
  
    
     1
    rowspan="3"> 269
     3
  
    
  
    
     5
    7
  
    
  
    
    8
    10

    Perhatikan tag marger cell diatas, saya hanya menambahkan rowspan=”3″ Yang artinya column yang berhasil di marger sebanyak 3 coloumn

    2. Marger Cell BerisTabel HTML 

    

Untitled Document



    Gambar Marger Cell Baris Tabel HTML
    

    
  
    
    colspan="3"> 1 2 3
  
    
  
    
     5
    6
    7
  
    
  
    
    8
    9
    10

    Perhatikan tag marger cell baris diatas, saya hanya menambahkan colspan=”3″ Yang artinya baris yang berhasil di marger sebanyak 3 baris.

    Demikianlah Cara Membuat Membuat Tabel Menggunakan HTML yang sering digunakan dalam pembuatan halaman web. Untuk membuat halaman tabel yang lebih menarik lagi anda bisa gunakan CSS (style sheet) di halaman HTML. berikut ini tutorial Cara Membuat Tabel HTML CSS

    Tinggalkan komentar