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.
- 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. - 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.
- Menggabungkan beberapa baris
No Jenis Keterangan 1 Tebal Ketebalan tergantung merek. 2 Tipis Tag :
No Jenis Keterangan 1 Tebal <td rowspan=”2″ style=”text-align: left;”>Ketebalan tergantung merek.
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.
- Menggabungkan beberapa kolom
No Variabel 1 Ketebalan Bentuk 2 Kekuatan warna Tag :No <td colspan=”2″ style=”background: #f5f5f5; text-align: center;”>Variabel
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.
Salah seorang pakar dan konsultan pendidikan yang kini mengabdikan hidup menjadi guru di pedalaman nun jauh di pelosok Indonesia.