Cara Memberikan Alamat Gambar pada HTML

Hallo teman-teman, kali ini kita akan membahas bagaimana cara memberikan alamat gambar pada HTML. Apabila teman-teman dalam pembuatan websitenya memerlukan gambar, pastinya kalian sudah familiar dengan tag <img> . Tag tersebut untuk menampilkan gambar pada HTML. Tag <img> mempunyai atribut src, berfungsi untuk memberikan sumber alamat gambar yang ingin ditampilkan. Pada artikel kali ini teman-teman akan belajar menampilkan alamat gambar dengan beberapa kondisi.

Posisi dalam satu folder

kondisi ini dimana file html kalian berada dalam satu folder dengan gambar sehingga pada penulisan alamat sumber gambar akan seperti ini.

<html>
	<head></head>
	<body>
		<img src="dumet.jpg" alt="">
	</body>
</html>

Posisi gambar di dalam folder

kondisi dimana file html kalian diatas satu tingkat dengan folder gambar kalian. Maka penulisan sumber gambar seperti ini.

<html>
	<head></head>
	<body>
		<img src="img/dumet.jpg" alt="">
	</body>
</html>

Posisi file didalam folder

kondisi ini kebalikannyam, file html didalam folder, sedangkan gambarnya berada diatas satu tingkat dari folder file html.

Maka penulisan sumber gambarnya seperti ini.

<html>
	<head></head>
	<body>
		<img src="../dumet.jpg" alt="">
	</body>
</html>

Seperti itu teman-teman cara memberikan alamat gambar pada HTML. Semoga bermanfaat.