Membuat Tabel HTML dan Variasi Javascript

Share

     Membuat Tabel HTML dan Variasi Javascript maksudnya membuat tulisan di dalam tabel/kotak yang di hiasi bermacam-macam Code Script !
Tanpa Basa-basi langsung kita praktekin dehhh...


1. Membuat Tabel berwarna tak berbingkai gunakan kode :

<table border="0"width="200"bgcolor="blue"><td>Tulis teks kalimat disini !</td></table>

 Hasilnya seperti ini : 
 

Tulis teks kalimat disini !

2. Membuat Tabel border dashed gunakan kode:

<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Tulis teks kalimat disini !</td>
</tr>
</table>

Hasilnya seperti ini :

Tulis teks kalimat disini !

3.Membuat Tabel border dot gunakan kode:

<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Tulis teks kalimat disini !</td>
</tr>
</table>

Hasilnya seperti ini :

Tulis teks kalimat disini !

4. Membuat Tabel Biasa gunakan kode :

<table border="1"width="200"><td>Tulis teks kalimat disini !</td></table>

Hasilnya seperti ini: 

Tulis teks kalimat disini !

5. Membuat Tabel berwarna gunakan kode :

<table border="1"width="200" bgcolor="yellow"><td>Tulis teks kalimat disini !</td></table>

Hasilnya seperti ini : 

Tulis teks kalimat disini !

6.Membuat Tabel border groove gunakan kode :

<table border="1" width="200" style="border-style: groove">
<tr>
<td>Tulis teks kalimat disini !</td>
</tr>
</table> 

Hasilnya seperti ini : 

Tulis teks kalimat disini !

7. Membuat Tombol Link gunakan kode :

<button style=”background-color:teal;width:100;height:60&#8243; onClick=”window.location=’http://arry-slash.co.cc’”><b>Tombol Link</b></button>

Hasilnya seperti ini :




8. Membuat Besar Huruf/Jenis /Warna dan  Efek (bold) gunakan kode :

<b><center><font size="5" face="georgia" color="green">Tulis Teks kalimat disini !</font></center></b>

 Hasilnya seperti ini :

Tulis Teks Kalimat disini ! 

9. Membuat Huruf/Gambar Berkedip gunakan kode :

<blink> Tulis Teks kalimat disini ! </blink>

Hasilnya seperti ini :

Tulis Teks kalimat disini ! 


10. Membuat Link Stabilo gunakan kode :
<span style="background-color:#FFC1E0;"><a href="http://www.arry-slash.co.cc">Tulis Link disini !</a></span>

Hasilnya seperti ini :

Tulis Link disini !

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;">Tulis Teks Kalimat disini !</div>

Hasilnya seperti ini :

Tulis Teks Kalimat disini !

12.Membuat Tulisan/Gambar Bolak-Balik gunakan kode :

<marquee behavior="alternate">Tulis Teks Kalimat disini !</marquee>

Hasilnya seperti ini :

Tulis Teks Kalimat disini !

13.Membuat Tulisan/Gambar Bolak-Balik dan Stop jika disentuh gunakan kode :

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Tulis Teks Kalimat disini !"</marquee>

Tulis Teks Kalimat disini !"

Sekian ilmu yang saya berikan kali  ini, semoga  bermanfaat untuk kamu semua !