Membuat Tabel HTML dan Variasi Javascript

Haduh, habis kerja bakti dimasjid,capek campur senang juga seh bisa bercanda-canda tengan teman-teman heheh..
sholat dhuhur dulu baru ngerilex in fikiran dengan nulis ni artikel :-)

buat sobat bloger yang kebingungan dengan tulis menulis code di postingan dengan tabel, ini ada sedikit catatanku buat kalian semuanya, langsung aja dah, silahkan dipilih sendiri yang kepengen sobat sekalian pakai, heheh




01. Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>teks kalimat</td></table>
hasilnya seperti:

text kalimat

02. 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>
hasilnya seperti ini:

text kalimat

03. 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>
hasilnya seperti ini:

text kalimat

04. Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>text kalimat</td></table>
hasilnya seperti:

text kalimat

05. Membuat Tabel berwarna gunakan kode :
<table border="1"width="200" bgcolor="yellow"><td>text kalimat</td></table>
hasilnya seperti :

text kalimat

06.Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>text kalimat</td>
</tr>
</table>
hasilnya seperti ini:

text kalimat

07. MEMBUAT TOMBOL LINK gunakan kode ;
<button style=”background-color:teal;width:100;height:60&#8243; onClick=”window.location=’http://rumah-blogger.com’”><b>TOMBOL LINK</b></button>
hasilnya seperti :



08. MENGGANTI BESAR HURUP/JENIS /WARNA DAN EFEK (bold)
gunakan kode ;
<b><center><font size="5" face="georgia" color="green">Coba Teks</font></center></b>
hasilnya seperti : Coba Teks


09. MEMBUAT HURUP/GAMBAR BERKEDIP gunakan kode ;
<blink> HURUP YANG DITEST </blink>
hasilnya seperti :
HURUP YANG DITEST


10.CARA MEMBUAT LINK STABILO gunakan kode ;
<span style="background-color:#FFC1E0;"><a href="http://www.rumah-blogger.com">TEKS LINK</a></span>
hasilnya seperti :
TEKS LINK


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 YANG AKAN DIBINGKAI, ATAU SEBAGIAN DARI ALINEA POSTINGAN</div>
hasilnya seperti :

TULISAN YANG AKAN DIBINGKAI, ATAU SEBAGIAN DARI ALINEA POSTINGAN

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


13.TULISAN/GAMBAR BOLAKBALIK DAN STOP KENA MOUSE gunakan kode ;
<marquee behavior="alternate" onmouseout="this.start()" onmouseover="this.stop()">TULISAN BOLAK-BALIK"</marquee>
hasilnya seperti :
TULISAN BOLAK-BALIK"



Bagaimana..?? bermanfaat kah bagi anda semuanya hahaha... salam jokamers indonesia :-)

sumber

Read more »