Kursus

<table border="2" cellpadding="3" height="150" width="200"/>
<tr>
<td>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="200" height="200" align="center">

<img src="/" height="200" width="200" />
<br/>
<img src="/" height="200" width="200" />
<br/>
<img src="/" height="200" width="200" />
<br/>
<img src="/" height="200" width="200" />
<br/>
<img src="/" height="130" width="190" />
</marquee>
</td>
</tr>
</table>

Membuat Jam

<iframe scrolling="no" frameborder="no" clocktype="html5" style="overflow:hidden;border:0;margin:0;padding:0;width:100px;height:100px;"src="https://www.clocklink.com/html5embed.php?clock=006&timezone=JOG&color=green&size=100&Title=&Message=&Target=&From=2019,1,1,0,0,0&Color=green"></iframe>

Cara Membuat Gambar
<img width="100" height="50" src="https://www.blogger.com/img/blogger-logo-small.png"/>

<img alt="keterangan gambar" src="https://www.blogger.com/img/blogger-logo-small.png"/>

<img title="pesan yang ingin disampaikan" src="https://www.blogger.com/img/blogger-logo-small.png"/>

img border="2" src="https://www.blogger.com/img/blogger-logo-small.png"/>

<div style="float:left;"><img src="https://www.blogger.com/img/blogger-logo-small.png"/></div>

Posisi gambar di sebelah kiri. Teks akan menyesuaikan mengisi ruang kosong di sebelah kanan gambar. Contoh penggunaan div style float left pada gambar. Gambar akan mengapung di sebelah kiri atas artikel.



<p>Ini adalah gambar PC:<img src="gambarpc.png" align="left">dengan align="left"</p> <p>Ini adalah gambar PC:<img src="gambarpc.png" align="right">dengan align="right"</p> <p>Ini adalah gambar PC:<img src="gambarpc.png" align="middle">dengan align="middle"</p> <p>Ini adalah gambar PC:<img src="gambarpc.png" align="top">dengan align="top"</p> <p>Ini adalah gambar PC:<img src="gambarpc.png" align="bottom">dengan align="bottom"</p>

Mengatur Jarak Gambar dan Teks dengan Margin

Agar tidak terlalu rapat dengan teks, Anda dapat mengatur jarak antara gambar dengan teks menggunakan margin.

<div style="float:left; margin-right:20px;"><img src="https://www.blogger.com/img/blogger-logo-small.png"/></div>

Posisi gambar di sebelah kiri. Teks akan menyesuaikan mengisi ruang kosong di sebelah kanan gambar. Contoh penggunaan div style float left pada gambar. Gambar akan mengapung di sebelah kiri atas artikel.