Table HTML

alfa6661
- January 17, 2012
4 (1 votes)
Rate :
Penggunaan HTML table

Table digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap baris yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan.

Elemen-elemen / tag-tag pada table yang digunakan adalah :

  1. <table> .. </table>, mendefinisikan sebuah table dalam HTML.
  2. <caption> .. </caption>, mendefinisikan tulisan untuk judul table.
  3. <tr> .. </tr>, menspesifikasikan sebuah baris table dalam table.
  4. <th> .. </th>, mendefinisikan sel header table.
  5. <td> .. </td>, mendefinisikan sebuah sel data table.

Selain itu terdapat atribut-atribut yang digunakan pada table, yaitu:

Atribut pada tag table :

Attribute Keterangan
width
lebar
height
tinggi
Border
mengatur ukuran bingkai tabel
Cellspacing
mengatur jarak antarsel
Cellpadding
mengatur jarak bingkai dengan is
Align
Horizontal Alignment
Bgcolor
Background
Bordercolor
Warna bingkai

Atribut pada tag <tr>

Attribute Keterangan
Align
Horizontal Alignment
Valign
Vertical Alignment (mengatur perataan secara vertical tengah, atas, atau bawah)
Bgcolor
Warna Background

Atribut pada tag <td>

Attribute Keterangan
Rowspan
menggabungkan beberapa baris menjadi satu
Colspan
menggabungkan beberapa kolom menjadi satu

Contoh : 

<html>
    <head>
        <title> contoh tabel </title>
    </head>
    <body>
    <h3>COLSPAN</h3>
        <table width="50%" border="2">
        <tr>
            <td>Sel 1</td>
            <td>Sel 2</td>
            <td>Sel 3</td>
        </tr>
 
        <tr>
            <td>Sel 4</td>
            <td colspan= "2">Sel 5</td>
        </tr>
        </table>
 
        <h3>ROWSPAN</h3>
        <table width="50%" border="2">
        <tr>
            <td>Sel 1</td>
            <td>Sel 2</td>
        </tr>
            <td rowspan="2" border="2">Sel 3</td>
            <td>Sel 4</td>
        </tr>
        <tr>
            <td>Sel 5</td>
        </tr>
        </table>
    </body>
</html>

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article