Learn HTML Vol.5- HTML Tabel

Posted by : fadly injoker 2017/08/01

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 .