tapi gmana si bloger nya juga sih penanataan nya gmana.. aixixixi...
Adapun elemen-elemen yang digunakan untuk membuat suatu tebel adalah :
<table>.......</table>
:: tag utama, digunakan untuk memberitahu browser, bersamaan dengan beberapa atribut seperti ukuran, lebar border dan beberapa hal lagi.
<tr>..........</tr>
<td>.........</td>
:: data tabel, yaitu isis dari tabel dan merupakan kolom dari tabel.
<th>.........</th>
:: judul tabel, biasanya terletak dibagian paling atas atau paling kiri dari suatu tabel. Tabel header yang terletak dibagian atas adalah judul kolom tabel, sedangkan tabel header yang terletak dibagian kiri adalah judul baris tabel.
<caption>......</caption>
:: judul gtabel yang terletak diluar tabel, biasanya paling atas/bawah tabel.
*Elemen diatas berada di bagian body HTML.
Atribut yang di gunakan oleh tabel :
| Atribut | Value | Keterangan |
|---|---|---|
| Border | Angka | Menentukan tebal bingkai tabel. |
| CELLSPACING | Angka | Menentukan jumlah spasi antara sel. |
| CELLPADDING | Angka | Menentukan jumlah spasi antar data dalam sel. |
| WIDTH | Angka | Untuk mengatur lebar tabel. |
| ALIGN | Left, Center, Right | Untuk perataan tabel secara horizontal. |
| VALIGN | Midle, Bottom, Baseline | Untuk perataan tabel secara vertikal. |
| BGCOLOR | Warna | Warna latar dari tabel atau pada sel. |
| ROWSPAN | Angka | Menggabungkan beberapa baris tabel. |
| COLSPAN | Angka | Menggabungkan beberapa kolom tabel. |
Untuk membuat suatu table diperlukan tiga elemen tabel, yaitu Tag <table> "yang digunakan sebagai awal pembauatan tabel, tag <tr> "digunakan untuk mendefinisikan beberapa banyak baris pada tabel, dan tag <td> "digunakan untuk menampung sel data tabel tersebut.
*Atribut diatas berada dibagian tiga elelemn tabel.
Conotoh :
<html>
<head>
<body>
<table border = "2">
<caption><b> Perataan Pada Tabel </b></caption>
<tr>
<td bgcolor="green"> Warna </td>
<th width = "50"> Kiri </th>
<th> Tengah </th>
<th> Kanan </th>
</tr>
<tr>
<th><h3> Atas </h3></th>
<td align = "left" valign = "top"> isi </td>
<td align = "center" valign = "top"> isi </td>
<td align = "right" valign =" top"> isi </td>
</tr>
<tr>
<th><h3> Tengah </h3></th>
<td align = "left" valign = "middle"> isi </td>
<td align = "center" valign = "middle"> isi </td>
<td align = "right" valign = "middle"> isi </td>
</tr>
<tr>
<th><h3> Bawah </h3></th>
<td align = "left" valign = "bottom"> isi </td>
<td align = "center" valign = "bottom"> isi </td>
<td align = "right" valign = "bottom"> isi </td>
</tr>
</table>
</head>
</htmll>
*Simpan denagan nama lat_table.html
Hasil.
Tidak ada komentar:
Posting Komentar