Cara Menghasilkan Tabel Dan Merge Cell Dengan Arahan Html

Gambar Gravatar
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.

Bacaan Lainnya

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.

Demikian cara menghasilkan tabel dan merge cell dengan arahan HTML , supaya bermanfaat. Jika menurut anda postingan ini berharga , bagikanlah terhadap teman-teman anda di social media. Terimakasih.

Share ke Facebook >>Share ke Twitter >>
Cafeberita.com yakni blog ihwal materi belajar. Gunakan sajian atau pencarian untuk mendapatkan materi mencar ilmu yang ingin dipelajari.
Temukan Kursus Bahasa Inggris di Bekasi untuk Menguasai Bahasa Inggris dengan Cepat 1

Salah seorang pakar dan konsultan pendidikan yang kini mengabdikan hidup menjadi guru di pedalaman nun jauh di pelosok Indonesia.

Pos terkait