Membuat Tabel HTML dan Variasi Javascript

1. Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>teks kalimat</td></table>
Contoh dibawah ini :

teks Dunia Berkarya

2. Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">text kalimat</td>
</tr>
</table>

Contoh dibawah ini :

teks Dunia Berkarya

3. Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">text kalimat</td>
</tr>
</table>

Contoh dibawah ini :

INI DUNIA BERKARYA

4. Membuat Tabel Biasa gunakan kode :

<table border="1"width="200"><td>text kalimat</td></table>
Contoh dibawah ini :

Teks Dunia Berkarya

5. Membuat Tabel berwarna gunakan kode :
<table border="1"width="200" bgcolor="yellow"><td>text kalimat</td></table>
Contoh dibawah ini :

Teks Dunia Berkarya

6. Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>DUNIA BERKARYA</td>
</tr>
</table>

Contoh dibawah ini :

dunia berkarya lagi

7. Membuat Tombil Link gunakan kode ;
<button style=”background-color:teal;width:100;height:60&#8243; onClick=”window.location=’http://duniaberkarya.blogspot.com’”><b>TOMBOL LINK</b></button> 

Contoh dibawah ini : klik aja kalau tidak percaya hehe





8. Mengganti Huruf Besar/Jenis /Warna dan Efek (bold)
gunakan kode ;
<b><center><font size="5" face="georgia" color="green">DUNIA BERKARYA</font></center></b>
hasilnya seperti :

Contoh dibawah ini :

DUNIA BERKARYA

9. Membuat Huruf/Gambar Berkedip gunakan kode ;
<blink> HURUF TEST </blink>
Contoh dibawah ini :

DUNIA BERKARYA
10. Cara Membuat Link Stabilo gunakan kode ;
<span style="background-color:#FFC1E0;"><a href="http://www.rumah-blogger.com">TEKS LINK</a></span>

Contoh dibawah ini :

DUNIA BERKARYA

11. Membuat Bingkai Tulisan/Gambar gunakan kode ;
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">TULISAN DUNIA BERKARYA BUAT BINGKAI</div>

Contoh dibawah ini :

TULISAN DUNIA BERKARYA BUAT BINGKAI

12. Ttulisan/Gambar Bulak Balik gunakan kode ;
<marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>
hasilnya seperti :

DUNIA BERKARYA BULAK BALIK OY 

13. Tulisan/Gambar Bloak Balik Dan Stop Bila di Mouse  gunakan kode ;
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK-BALIK</marquee>

Contoh dibawah ini :

DUNIA BERKARYA BULAK BALIK OY


Selesai silahkan yang mana kamu suka, langsung saja dipraktekan.