Belajar HTML Membuat Table
Assalamualaikum wr.wb
Html Table - Table merupakan struktur yang menampilkan informasi menggunakan baris dan kolom . pada Html table ditilis dengan tag<table> untuk membuka,</table> untuk menutup. dan kali ini saya akan memberikan beberapa contoh membuat table pada HTML
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 |
Sekian beberapa contoh untuk penerapan Tabel HTML, semoga bermanfaat dan dapat menambah pengetahuan teman - teman .
Terimakasih Wassalamualaikum wr.wb
EmoticonEmoticon