Tabel HTML

Kali ini saya akan share tentang tabel html
Tabel HTML didefinisikan dengan tag <table>.
Setiap baris tabel HTML didefinisikan dengan tag <tr>, sebuah header tabel HTML didefiniskan dengan tag <th>. secara default, font heading tabel berformat tebal dan terpusat (center). Sebuah data / sel tabel didefinisikan dengan tag <td>.

contoh :
<html><head><title>Contoh</title></head><body><table width="50%">
  <tr>
    <th>Nama Depan</th>
    <th>Nama Belakang</th> 
    <th>Umur</th>
  </tr>
  <tr>
    <td>Ahmad</td>
    <td>Juandi</td> 
    <td>25</td>
  </tr>
  <tr>
    <td>Amanda</td>
    <td>Anggraini</td> 
    <td>23</td>
  </tr>
</table></body></html>
Hasil :

untuk menambahkan border kita hanya perlu menambah element border di tag <table>,
seperti ini <table border="1">
untuk mengatur tinggi dan lebar table kita menambah element height dan width di tag <table width="100" height="120">, atau kita juga bisa juga mengatur tinggi dari baris tabel <tr height="50"> dan mengatur lebar dari data / sel tabel <td width="50">
note : ukuran width (lebar) dan height (tinggi) adalah pixel
          selain menggunakan pixel kita juga bisa menggunakan ukuran dalam bentuk persen 
          contoh : <table width="100%" height="50%">

Sekian, Selamat mencoba :)
Labels: ,

Post a Comment

[blogger][disqus][facebook]

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.