BAB 016 - Table

Contoh Table Html :

NAMA KELOMPOK
Agung Developer
Jaya Web Design
Narto Developer
Budi Marketing

 

 

Mendefinisikan Tabel HTML

<table> -> Membuat tabel baru

<tr> -> Membuat baris baru (row)

<td> -> Membuat kolom baru

<th> -> Membuat kolom header baru (header), defaultnya bold center.

Contoh :


Cobalah utak-atik contoh diatas

 

Tabel HTML - Border

Jika Teman & temanwati netijen tidak menentukan border untuk tabel, itu akan ditampilkan tanpa border.

Boder ditetapkan menggunakan properti border CSS :

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - border-collapse

Jika Teman & temanwati netijen ingin perbatasan runtuh menjadi satu border saja, tambahkan properti border-collapse CSS

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - Padding Sel

Padding sel menentukan ruang antara konten sel dan bordernya.

Jika Teman & temanwati netijen tidak menentukan padding, sel-sel tabel akan ditampilkan tanpa padding.

Untuk mengatur padding, gunakan properti padding CSS :

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - Header Rata Kiri

Secara default, judul tabel tebal dan terpusat.

Untuk menyelaraskan kiri judul tabel, gunakan text-alignproperti CSS :

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - border-spacing

border-spacing memberikan jarak antar sel.

Untuk mengatur spasi perbatasan tabel, gunakan properti border-spacing CSS.

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - colspan

colspan digunakan untuk menggabungkan (merge) beberapa kolom menjadi 1.

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - rowspan

rowspan digunakan untuk menggabungkan (merge) beberapa baris menjadi 1.

Contoh :


Cobalah utak-atik contoh diatas

 

 

Tabel HTML - caption

Tag <caption> untuk menambahkan teks ke tabel

Contoh :


Cobalah utak-atik contoh diatas


 

Tabel HTML - id

Jika Teman & temanwati netijen ingin membuat style khusus pada tabel tertentu, kita dapat menggunakan atribut id.

Contoh :


Cobalah utak-atik contoh diatas

 


Sebelumnya
BAB 015 - Styles CSS
  Berikutnya
BAB 017 - List

 

(1) Komentar

avatar user

Bima12 Feb 2019

Klo ada bintang aku kasih 🌟🌟🌟🌟🌟

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Contoh Table Html : NAMA KELOMPOK Agung Developer Jaya Web Design Narto Developer Budi Marketing     Mendefinisikan Tabel HTML <table> -> Membuat tabel baru <tr> -> Membuat baris baru (row) <td> -> Membuat kolom baru <th> -> Membuat kolom header baru (header), defaultnya bold center. Contoh : Cobalah utak-atik contoh diatas   Tabel HTML - Border Jika Teman & temanwati netijen tidak menentukan border untuk tabel, itu akan ditampilkan tanpa border. Boder ditetapkan menggunakan properti border CSS : Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - border-collapse Jika Teman & temanwati netijen ingin perbatasan runtuh menjadi satu border saja, tambahkan properti border-collapse CSS Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - Padding Sel Padding sel menentukan ruang antara konten sel dan bordernya. Jika Teman & temanwati netijen tidak menentukan padding, sel-sel tabel akan ditampilkan tanpa padding. Untuk mengatur padding, gunakan properti padding CSS : Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - Header Rata Kiri Secara default, judul tabel tebal dan terpusat. Untuk menyelaraskan kiri judul tabel, gunakan text-alignproperti CSS : Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - border-spacing border-spacing memberikan jarak antar sel. Untuk mengatur spasi perbatasan tabel, gunakan properti border-spacing CSS. Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - colspan colspan digunakan untuk menggabungkan (merge) beberapa kolom menjadi 1. Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - rowspan rowspan digunakan untuk menggabungkan (merge) beberapa baris menjadi 1. Contoh : Cobalah utak-atik contoh diatas     Tabel HTML - caption Tag <caption> untuk menambahkan teks ke tabel Contoh : Cobalah utak-atik contoh diatas   Tabel HTML - id Jika Teman & temanwati netijen ingin membuat style khusus pada tabel tertentu, kita dapat menggunakan atribut id. Contoh : Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :