HTML Chapter 4 - Make Table

 A. HTML Table
Elemen yang terpenting dalam pembuatan table adalah tag <table></table>,<tr></tr>, <th></th>, <td></td>

1. Membuat Tabel 1 kolom 1 baris
  

1.1 Script

1.2 Hasil

   Tabel diatas terlihat karena border diberi volume . seperti contoh : <table border="1"> . jika border 0 border tidak terlihat.

 2. Membuat Tabel 1 baris 2 kolom

2.1 Script

2.2 Hasil

    Tabel juga bisa diatur ukurannya , contoh : "width" = untuk mengatur lebar tabel dan "height"=untuk mengatur panjang tabel.

3.Membuat Tabel 2 kolom 2 baris 

3.1 Script

3.2 Hasil 

4.Membuat Tabel dengan ditambahkan border menggunakan CSS

4.1 script

4.2 Hasil

     Penambahan border pada tabel penting untuk menampilkan batasnya, pada CSS bisa dipadukan dengan HTML dengan "border,th,td" dan mengatur ukurannya dengan "px" .
  
5.Membuat Tabel ditambahkan border collapse menggunakan CSS 

5.1 script

5.2 Hasil 

Border pada tabel menggunakan CSS ada beberapa type, contohnya "Collapse" untuk garis batas tabel penuh .

6.Membuat Table ditambahkan border collapse menggunkan CSS dan ditambahkan padding .

6.1 Script

6.2 Hasil

     Selain ditambahkan border menggunakan CSS. tabel juga dapat diberi padding untuk atur jarak antar tulisan.

7.Membuat Table ditambahkan border collapse menggunkan CSS ,ditambahkan padding dan text-align .

7.1 Script

7.2 Hasil

B. Kesimpulan

Itulah ulasan dari HTML table, yang paling penting untuk kawan-kawan, teruslah mengcoding, dan mencoba menciptakan sesuatu yang baru  dari kemampuan/bakat yang kalian punya

C. Referensi

• https://www.w3schools.com/html/html_tables.asp
• http://risanurhaeni03skansa.blogspot.co.id/2016/12/belajar-html-membuat-tabel.html