Cara Menghasilkan Tabel Dan Merge Cell Dengan Arahan Html

Sebagai seorang blogger anda mungkin pernah mengalami kesusahan dikala anda ingin memperlihatkan suatu tabel dalam postingan anda alasannya yakni sajian pada editor postingan tidak menawarkan fitur tersebut. Sebagai alternatif umumnya orang lebih memutuskan untuk menghasilkan tabel dalam format gambar dan menguploadnya ke postingan.

Sebagian blogger juga menggunakan microsoft word untuk menghasilkan tabel dan menyimpannya selaku web page. File yang disimpan dalam bentuk tersebut lalu dibuka untuk menyaksikan arahan tabel. Kode itulah yang lalu dicopy paste ke postingan dalam mode HTML. Akan tetapi , pada potensi ini kita akan membahas bagaimana cara menghasilkan tabel menggunakan arahan HTML.

Kode HTML Untuk Membuat Tabel

Sebelum menghasilkan tabel , ada baiknya apabila anda mengerti apalagi dulu dimensi suatu tabel. Sebagaimana yang anda lihat , tabel berisikan sejumlah baris dan kolom. Untuk menghasilkan tabel dengan HTML , dikehendaki beberapa tag yang berfungsi selaku pembentuk tabel. Berikut beberapa teladan tabel dan arahan yang digunakan untuk membuatnya.

1. Tabel 2 baris 2 kolom

   Baris 1 kolom 1	Baris 1 kolom 2
   Baris 2 kolom1	Baris 2 kolom 2

   Tag :

                  

          

       

   
       

          

          

      

   
    

   Baris 1 kolom 1	Baris 1 kolom 2
   Baris 2 kolom1	Baris 2 kolom 2

   Keterangan :
   ⇒ Biru : tag untuk tabel baris pertama
   ⇒ Merah : tag untuk tabel baris kedua.
   ⇒ cellpadding : untuk menertibkan jarak goresan pena terhadap segi sisi sel.
   ⇒ Warna dan letak teks sanggup anda sesuaikan sesuai keperluan anda.
2. Tabel 6 baris 3 kolom

   No	Variabel 1	Variabel 2
   1	Nilai 1	skor 1
   2	Nilai 2	skor 2
   3	Nilai 3	skor 3
   4	Nilai 4	skor 4
   6	Nilai 5	skor 5

   Tag :

            

       

       

              
     

   
     

       

       

       

     

     

       

       

       

     

   
     

       

      

      

    

    

      

      

      

    

   
    

      

      

      

     

    

   No	Variabel 1	Variabel 2
   1	Nilai 1	skor 1
   2	Nilai 2	skor 2
   3	Nilai 3	skor 3
   4	Nilai 4	skor 4
   6	Nilai 5	skor 5

Kode HTML Untuk Merge Cell

Merge cell ialah fungsi untuk memadukan beberapa sel menjadi satu. Fungsi ini sanggup memadukan beberapa baris atau kolom menjadi satu. Untuk memadukan baris digunakan rowspan dan untuk memadukan kolom digunakan colspan. Agar lebih terperinci pribadi saja teladan praktiknya.

1. Menggabungkan beberapa baris

   No	Jenis	Keterangan
   1	Tebal	Ketebalan tergantung merek.
   2	Tipis

   Tag :

          

      

      

    

    

      

      

       <td rowspan=”2″ style=”text-align: left;”>Ketebalan tergantung merek.

    

    

      

      

    

    

   No	Jenis	Keterangan
   1	Tebal
   2	Tipis

   Keterangan :
   rowspan=”2″ : memadukan dua baris menjadi 1 sel.
   Perhatikan bahwa letak rowspan berada pada tag untuk menghasilkan tabel baris kedua. alasannya yakni telah ditambah rowspan , maka pada tag tabel baris ketiga cuma ada 2 tag

   . Maksudnya pada kolom ketiga cuma ada dua baris.

2. Menggabungkan beberapa kolom

   No	Variabel
   1	Ketebalan	Bentuk
   2	Kekuatan	warna

   Tag :

          

       <td colspan=”2″ style=”background: #f5f5f5; text-align: center;”>Variabel

     

    

      

      

      

    

    

      

      

      

    

    

   No
   1	Ketebalan	Bentuk
   2	Kekuatan	warna

   Keterangan :
   Colspan=”2″ : memadukan dua kolom menjadi satu sel.
   Perhatikan bahwa letak colspan berada pada tag untuk tabel baris pertama. Dengan begitu , pada baris pertama cuma ada dua kolom.

Share ke Facebook >>Share ke Twitter >>