Silahkan Kunjungi rumah blog kami yang baru klik DISINI
untuk fotonya silahkan anda koment sendiri....ha...ha....

Jumat, 17 Juni 2016

Membuat variasi tabel dalam HTML

Column 1Column 2Column 3
Line 1 Column 1Line 1 Column 2Line 1Column 3
Line 2 Column 1Line 2 Column 2Line 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 1Column 2Column 3
Line 1 Column 1Line 1 Column 2Line 1Column 3
Line 2 Column 1Line 2 Column 2Line 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>

AboutKode HTML
Here U contentHere 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

A M A R A J E N

0   komentar

Posting Komentar

Cancel Reply
A M A R A J E N
Blog ini didirikan hanya untuk kalangan sendiri, Terima kasih telah singgah.. Semoga kita berjumpa kembali.....!