Memasukan gambar pada program HTML

Halo sobat watershare ..
nah sesuai dengan konsep awal blog ini dibuat ..
Kali ini saya akan mulai share tentang tutorial pembuatan program ..
Oke mulai dari awal saja kita mulai tutorialnya, yang pertama adalah tutorial memasukan gambar pada sintag HTML..
Jika kita membuat program tapi tidak dipadukan dengan gambar-gambar tentunya agak kurang afdol seperti sayur tanpa garam..hehe
Gambar selain digunakan untuk memperindah tampilan program juga bisa untuk memperjelas informasi di sebuah program tersebut..

Oke kembali ke topik..
Bagi yang ingin memasukan gambar caranya mudah kok..
kita hanya perlu menambahkan sintag <img src> pada program HTML..
ini adalah contoh sintag-nya :

<html>
<head>
<title>Untitled 1</title>
</head>

<body>
 
    <img src="file://E:\ollshop\a.jpg" width="200" height="150">
    <p>Ini adalah sepatu</p>
    <p align="center"><img src="file://E:\ollshop\n.jpg" width="200" height="150"> </p>
    <p align="center">Ini adalah hp</p>
 
</body>
</html>

Ini hasilnya :



Penjelasan :
  1. setelah src= itu adalah nama gambar yang akan kita masukan, jika gambar anda berada dalam satu file dengan program HTML yang anda simpan maka tidak perlu menambahkan letak gambar seperti yang saya tulis di atas ,hanya cukup ditulis "a.jpg" saja.
  2. kata width= ini bertujuan untuk mengatur panjang gambar horizontal, boleh menggunakan angka biasa dan boleh menggunakan persen(%) , 
  3. Kata height= sama dengan width bertujuan untuk menentukan panjang gambar yang vertikal
Nah itu saja yang bisa saya share pada kesempatan kali ini . Tetap kunjungi selalu blog kami dan nantikan tutorial-tutorial berikutnya..