Marquee dan Table

Tutorial blog kali ini adalah belajar Html yaitu membuat huruf bolak balik dengan marquee dan membuat tabel dengan berbagai pariasi nya, ga da salah nya kan kalo kita belajar siapa tau sobat bloger ada yang lupa dengan kode html nya kode html ini kadang perlu juga diterapkan di blog untuk mepercantik tampilan blog:

1. Marque yaitu kode html untuk menampilkan tulisan bergerak contoh nya bisa sobat lihat disini :

a. Mengatur kecepatan Tulisan berjalan
kode html nya :
<marquee scrollamount="10">TULISAN BERJALAN 10</marquee>

contoh nya bisa sobat lihat :
TULISAN BERJALAN 10

2. Membuat tulisan berjalan bolak - balik
Contoh kode :
<marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>
dan hasil kode nya :
TULISAN BOLAK-BALIK

3. Membuat tulisan berjalan berhenti ketika disentuh cursor
Contoh kode :
<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERHENTI DULU</marquee>

Lihat Hasilnya :
TULISAN BERHENTI DULU

4. Membuat tulisan berjalan dengan warna bacground
Contoh kode :
<marquee bgcolor="green" style="color:white">Warna text putih bacground hijau</marquee>

Lihat Hasil nya :
Warna text putih bacground merah

5 Membuat tulisan bolak balik kebawah
kode html nya :
<marquee behavior="alternate" direction="down" style="border:red 2px SOLID">TULISAN BOLAK-BALIK KE BAWAH</marquee>
hasil nya :
TULISAN BOLAK-BALIK KE BAWAH

6. Membuat tulisan bolak-balik atas-bawah
Kode html nya :
<marquee> Bolak balik berlawanan </marquee> <marquee direction="right"> Bolak balik berlawanan </marquee>

Hasil nya :

TULISAN BOLAK-BALIKbolak balik berlawanan

7. Membuat tulisan berjalan dengan Zigzag
Kode Html nya :
<marquee behavior="alternate" direction="up" width="95%"><marquee direction="right" behavior="alternate">CONTOH ZIGZAG</marquee></marquee>

Lihat hasil nya :
CONTOH ZIGZAG

2. Pada bagian ini saya akan membuat kode html Table dengan berbagai variasi nya contoh nya bisa sobat lihat seperti dibawah ini :

a. Membuat Tabel berwarna
Kode Html nya :
<table border="0"width="200"bgcolor="blue"><td>teks kalimat</td></table>

Lihat hasil nya :

contoh nya seperti ini

2. Membuat Table Groove
Kode Html nya :
<table border="1" width="200" style="border-style: groove">
<tr>
<td>text kalimat</td>
</tr>
</table>

Contoh nya seperti ini :

Contoh nya

3. Membuat table bingkai bergambar :
Contoh kode Html nya :
<div style="border: 1px solid #CCC; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color:#FBFBEE; text-align: left;">CONTOH NYA SEPERTI INI</div>

Hasil nya dibawah ini :

CONTOH NYA SEPERTI INI

Cukup sekian pelajaran Html kali ini nanti akan saya bahas lain kali lagi terimakasih udah kunjungin blog ini slam bloger semua buat sobat yang ingi menampilkan iklan buka tutup seperti di bawah blog ini bisa dibaca disni selamat mencoba semoga bermanfaat.

Catatan : Jangan Lupa Baca dan Klik Dibawah ini ya

Artikel Keren Lainnya