Belajar HTML 2 part-2

Ini adalah lanjutan dari belajar HTML 2. yang sengaja dipisahkan supaya tidak terlalu panjang lebar dan pengunjung tidak merasa bingung. untuk postingan ini, saya akan menunjukkan beberapa variasi-variasi yang pernah saya bahas pada kesempatan sebelumnya. berikut adalah hasilnya:

saya akan menjadikan gambar ini sebagai contoh untuk variasi-variasi yang akan saya post.

ini contoh 2 gambar yang sejajar 

<table><tbody> <tr align="center"> <td><div style="text-align: center;"> <img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></div> </td> <td><div style="text-align: center;"> <img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></div> </td> </tr> </tbody></table>

ini untuk gambar sejajar yang bergerak

<marquee> <table><tbody> <tr align="center"> <td><div style="text-align: center;"> <img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></div> </td> <td><div style="text-align: center;"> <img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></div> </td> </tr> </tbody></table> </marquee>

ini gambar yang bergerak bolak-balik

<marquee behavior="alternate" direction="right" scrollamount="2" width="80%"><img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></marquee>

ini contoh gambar berpasangan yang bergerak

<marquee><img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /><br /><img height="195" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="200" /></marquee>

gambar ini terlihat seolah-olah bertabrakan

<table style="width: 600px;"><tbody> <tr align="center"> <td rowspan="300"><div style="text-align: center;"> <marquee behavior="alternate" direction="right" width="100%"><img height="95" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="100" /></marquee></div> </td> <td rowspan="300"><div style="text-align: center;"> <marquee behavior="alternate" direction="left" width="100%"><img height="95" src="https://scontent-sin.xx.fbcdn.net/hphotos-xaf1/v/t1.0-9/10300104_1429093837385100_5044192453838882661_n.jpg?oh=545d6bf1896d72fb4ee3a8a8705e33b6&oe=55BE2D70" width="100" /></marquee></div> </td> </tr> </tbody></table>




cukup sekian untuk kali ini. mohon maaf apabila ada kekurangan dan kesalahan yang disengaja maupun tidak disengaja. beberapa hal yang lebih menarik lagi akan saya bahas pada kesempatan berikutnya. terimakasih :)