HTML Tables: Dengan Bingkai

Bagaimana tabel dengan bingkai ?, ayo kita coba...



Bingkai Garis

Menggunakan attribute frame dengan isi nilai border, contoh :

<table frame="border">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Kotak

Menggunakan attribute frame dengan isi nilai box, contoh :

<table frame="box">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Atas

Menggunakan attribute frame dengan isi nilai above, contoh :

<table frame="above">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Bawah

Menggunakan attribute frame dengan isi nilai below, contoh :

<table frame="bellow">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Atas dan Di Bawah

Menggunakan attribute frame dengan isi nilai hsides, contoh :

<table frame="hsides">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Kiri

Menggunakan attribute frame dengan isi nilai lhs, contoh :

<table frame="lhs">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Kanan

Menggunakan attribute frame dengan isi nilai rhs, contoh :

<table frame="rhs">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua


Bingkai Di Kiri dan Di Kanan

Menggunakan attribute frame dengan isi nilai vsides, contoh :

<table frame="vsides">
<tr>
<td>baris</td>
<td>pertama</>
</tr>
<tr>
<td>baris</td>
<td>kedua</td>
</tr>
</table>

Jadinya :

baris pertama
baris kedua

0 comments:


Posting Komentar


Creative Commons License
HTML Tables: Dengan Bingkai by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/11/html-tables-dengan-bingkai.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.