Membuat variasi tabel dalam HTML

Column 1	Column 2	Column 3
Line 1 Column 1	Line 1 Column 2	Line 1Column 3
Line 2 Column 1	Line 2 Column 2	Line 2 Column 3

Contoh 1 di atas kodenya adalah sebagai berikut :
<table border="2" style="margin: 0 auto;"><tbody>
<tr><th>Column 1</th><th>Column 2</th><th>Column 3</th></tr>
<tr><td>Line 1 Column 1</td><td>Line 1 Column 2</td><td>Line 1Column 3</td></tr>
<tr><td>Line 2 Column 1</td><td>Line 2 Column 2</td><td>Line 2 Column 3</td></tr>
</tbody></table>

Column 1	Column 2	Column 3
Line 1 Column 1	Line 1 Column 2	Line 1Column 3
Line 2 Column 1	Line 2 Column 2	Line 2 Column 3
Three Column in One line

Contoh 2 di atas kodenya adalah sebagai berikut :
<table border="2" style="-moz-box-shadow: 5px 5px 8px #000; -webkit-box-shadow: 5px 5px 8px #000; background: #f00; box-shadow: 5px 5px 8px #000; color: white; font-size: 20px; margin: 0 auto;"><tbody>
<tr><th style="background: #000; color: white; font-size: 30px;">Column 1</th><th style="background: #000; color: white; font-size: 30px;">Column 2</th><th style="background: #000; color: white; font-size: 30px;">Column 3</th></tr>
<tr><td>Line 1 Column 1</td><td>Line 1 Column 2</td><td>Line 1Column 3</td></tr>
<tr><td>Line 2 Column 1</td><td>Line 2 Column 2</td><td>Line 2 Column 3</td></tr>
<tr style="background: #000; color: white; font-size: 20px; text-align: center;"><td colspan="3">Three Column in One line</td></tr>
</tbody></table>

About	Kode HTML
Here U content	Here U content
Bagaimana apakah anda tertarik !

Contoh 3 di atas kodenya adalah sebagai berikut :
<table border="2" style="-moz-box-shadow: 5px 5px 8px #000; -webkit-box-shadow: 5px 5px 8px #000; background: #f00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2wEGNAYtv5OhtRs7ZHo2aP1bSdNvd5QpL6hM8FUretqrVwPLsnm-cb2vPiefpHru0zPzobMJEHGWfDTuQ733yPL4h_L5_B6ktyH-rNol-OOqoDLoIwhyphenhyphenhuB5kHHeQEepzZFHnepekdnB7/s1600/tempik.gif) repeat; border: 10px groove; box-shadow: 5px 5px 8px #000; color: black; font-size: 14px; margin: 0 auto; text-align: justify;"><tbody>
<tr><th style="background: #000; border: 18px groove; color: white; font-size: 30px; text-align: center;">About</th><th style="background: #000; border: 18px groove; color: white; font-size: 30px; text-align: center;">Kode HTML</th></tr>
<tr><td style="border: 4px groove;">Here U content</td><td style="border: 4px groove;">Here U content</td></tr>
<tr style="background: #000; color: white; font-size: 20px; text-align: center;"><td colspan="3">Bagaimana apakah anda tertarik !</td></tr>
</tbody></table>

Artikel Terkait