Tabel HTML – Pengertian Dan Cara Membuat Tabel HTML Lengkap

Posted on

Background Tabel

Contoh ini mendemonstrasikan bagaimana memberi background suatu tabel.Lihat hasil gambar dibawah ini:

910

Lihat Source Code

<!-coba_tabelbackground.html->
<html>
<body>
<h4>A background image:</h4>
<table border=”l”
background=” ../../pictures/html1.jpg”>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
</html>

Tabel dalam Tabel

Berikut ini contoh tabel dalam tabel. Lihat hasil gambar dibawah ini:

92

Lihat Source Code

<!–coba_tabelontabel.html–>
<html>
<head>
<title></title>
</head>
<body>
<h1> Table on table </h1>
<hr>
<table border=”1″ >
<tr>
<td>Parent l</td>
<td>
<table border= ” 1 ” >
<tr>
<td>Child 1</td>
<td>
<table border=”l”>
<tr>
<td>Grandson l</td>
<td>Grandson 2</td>
</tr>
<td>Grandson 3</td>
<td>Grandson 4</td>
</tables </td>
</tr>
<tr> <td>Child 2</td>
<td>Child 3</td>
</tr>
</table
</td>
</tr>
<td>Parent 2</td> <td>Parent 3</td>
<tr>
</tr>
</table>
</body>
</html>

Tag-Tag Table

Tag Awal NN IE w3 Kegunaan
<table> 3.0 3.0 3.2 Definisi tabel
<th> 3.0 3.0 3.2 Definisi header tabel
<tr> 3.0 3.0 3.2 Definisi baris tabel
<td> 3.0 3.0 3.0 Definisi sel tabel
<caption> 3.0 3.0 3.2 Definisi caption tabel
<colgroup> 3.0 4.0 Definisi kelompok kolom tabel
<col> 3.0 4.0 Definisi nilai atribut satu atau lebih kolom dalam tabel
<thead> 4.0 4.0 Definisi suatu header tabel yang tidak akan scroll
<tbody> 4.0 4.0 Definisi suatu body tabel yang scroll dalam suatu header dan footer tabel yang pasti.
<tfoot> 4.0 4.0 Definisi suatu footer tabel yang tidak akan scroll

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^