Monday, February 13, 2017

HTML Chapter 4 - Make Table

  No comments


 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

No comments :

Post a Comment