fbpx

HTML

Tabel HTML – Pengertian Dan Cara Membuat Tabel HTML Lengkap

By

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 AwalNNIEw3Kegunaan
<table>3.03.03.2Definisi tabel
<th>3.03.03.2Definisi header tabel
<tr>3.03.03.2Definisi baris tabel
<td>3.03.03.0Definisi sel tabel
<caption>3.03.03.2Definisi caption tabel
<colgroup>3.04.0Definisi kelompok kolom tabel
<col>3.04.0Definisi nilai atribut satu atau lebih kolom dalam tabel
<thead>4.04.0Definisi suatu header tabel yang tidak akan scroll
<tbody>4.04.0Definisi suatu body tabel yang scroll dalam suatu header dan footer tabel yang pasti.
<tfoot>4.04.0Definisi 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 ^-^

Pages: 1 2

Recommended for you

You must be logged in to post a comment Login