Menyisipkan Gambar pada HTML

A. Pendahuluan :

Dalam html dapat menampilkan gambar dan mengatur gambar. Untuk menampilkan gambar menggunakan tag < img src=”namafile” > dan diakhiri dengan < /img > , peletakan file foto harus satu folder dengan halaman html yang dibuat. Jika ingin mengatur ukuran gambar seperti lebar menggunakan tag width=”ukuran” dan mengatur tinggi menggunakan tag height=”ukuran”.

B. Script Code

<!DOCTYPE> <html> <head> <title> Image </title> <h1 style ="text-align:center;"><u> Menyisipkan Gambar pada HTML </u></h1> </head> <body> <h1>Kucing</h1> <img src="Kucing.png" hspace="10" vspace="10" align="center" width="200" height="150" alt="kucing" /> <p> Sebagi umat Muslim, kita pasti sudah sangat familiar dengan kisah betapa kucing sebagai hewan kesayangan dari Rasulullah SAW. Dulu semasa hidupnya, dari sekian banyak jenis hewan yang bisa dipelihara, Nabi Muhammad diketahui memilih untuk memelihara kucing. </p> <p> Kucingnya itu diberi nama Mueeza. Salah satu tindakan Mueeza yang begitu disukai oleh Nabi ialah, kucing tersebut selalu mengeong setiap kali mendengar lantunan suara adzan. </p> </body> </html>

C. Hasil Preview

Kucing

kucing

Sebagi umat Muslim, kita pasti sudah sangat familiar dengan kisah betapa kucing sebagai hewan kesayangan dari Rasulullah SAW. Dulu semasa hidupnya, dari sekian banyak jenis hewan yang bisa dipelihara, Nabi Muhammad diketahui memilih untuk memelihara kucing.

Kucingnya itu diberi nama Mueeza. Salah satu tindakan Mueeza yang begitu disukai oleh Nabi ialah, kucing tersebut selalu mengeong setiap kali mendengar lantunan suara adzan.

D. Kesimpulan :

Dari Script dan hasil di atas dapat diketahui bahwa gambar dapat disisipkan dan diatur pada halaman HTML.