Menyajikan Pembuatan Tabel & Table Spanning

   Assalamu'alaikum Wr. Wb
   Watsaaapp my friends. Gimana kabarnya ? Semoga sehat selalu ya...
Oke pertemuan kali ini saya akan membahas mengenai pembuatan tabel dan tabel spanning. Sebelumnya maaf ya kalo ada sedikit kekurangan atau kurang membantu kalian, kaena hadirnya saya disini sekedar mengevaluasi materi saya sejauh mana saya bisa menguasai web. Asiikkkk:v
   Oke langsung aja kita mulai. Ini dia.... cekidooott.

A. Pembuatan Tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.

Elemen table berisi property <tr> untuk menentukan baris(table row) yang didalamnya terdapat properti <td> untuk menampkan data pada setiap sel table (table data).

Struktur elemen tabel :

Untuk mendifinisikan table heading atau judul tiap kolom menggunakan tag <th> ….. </th>

B. Atribut Elemen Tabel

Di bawah ini adalah tag atribut elemen yang biasanya digunakan pada pembuatan tabel di HTML

C. Pembuatan Tabel dengan Spassing (merge)

Ada kalanya kita membuat table dengan menggabungkan baris, ataupun

kolom. Berikut ini contoh tabel yang menggabungkan baris :

Untuk membuat table seperti tadi, maka Tabel Atribut Data yang digunakan adalah sebagai berikut
Rowspan =angka(baris yang di span oleh sel)
Colspan =angka(kolom yang di span oleh sel)

Jadi untuk menggabungkan 4 baris seperti table di atas adalah :

Sedangkan untuk menggabungkan 4 kolom seperti table di atas adalah :
<th colspan=4> …….</th>

D. Contoh - Contoh

Di sini saya akan memberikan contoh kodingan nya seperti biasa beserta hasil nya, saya menggunakan aplikasi Notepad++ seperti biasa. Langsung aja ya...

1. Contoh Membuat Tabel Rowspan dan Colspan

Dan ini Hasilnya.

2. Contoh Penggunaan Align

Dan ini Hasilnya.

3. Contoh Pembuatan Tabel

Dan ini hasilnya.

4. Contoh Penggunaan Tabel dengan Rowspen

Dan ini hasilnya.

5. Contoh Tabel dengan Cowspan

Dan ini hasilnya.

Nah itu dia contoh - contoh yang saya buat, semoga bermanfaat dan bisa menginspirasi kalian dalam membuat web ya. Jika ada kesalahan atau saran, silahkan kalian comment di blog ini dan Inshaallah, saya akan mencoba dan berusaha lebih baik setelah ini. Terimakasih telah membaca blog saya. Sampai Jumpa....

Wassalamu'alaikum Wr.Wb