Tutorial belajar dasar HTML : Cara menampilkan gambar
di HTML
Untuk menampilkan gambar dengan html bisa menggunakan tag <img>. Dan memanggil gambar nya dengan menggunakan atribut src=”namagambar.ekstensi”.pada aturan dasar nya saat pemanggilan gambar nya gambar harus di letakkan satu folder dengan file html. Jika gambar terletak pada folder yg berbeda misal nya gambar terletak pada folder “gambar” maka untuk penulisan pada atribut src nya src=”gambar/nama_gambar.png/jpg”. Dan jika gambar terletak di luar folder html maka src=”../nama_gambar.png/jpg”.
|
1
2
3
4
5
6
7
8
9
10
|
<html>
<head>
</head>
<body>
<img src="gambar.jpg"
width="400px" height:"400px">
</body>
</html>
|
Hasilnya:
menampilkan gambar dengan html
Pada atribut width di dalam tag <img> saya mengatur lebar nya 400 pixel, dan pada height saya mengatur tinggi nya juga 400 pixel. Pengaturan ini bisa
Anda sesuaikan sesuai keinginan dan bisa di sesuaikan.
