Cara Memberikan Alamat Gambar pada HTML

Hallo teman-teman, kali ini kita akan membahas bagaimana cara memberikan alamat gambar pada HTML. Apabila teman-teman pada penyusunan websitenya memerlukan gambar, pastinya kalian telah familiar dengan tag <img> . Tag tersebut bagi menampilkan gambar di HTML. Tag <img> mempunyai atribut src, berfungsi bagi memberikan sumber domisili gambar yang ingin ditampilkan. Di artikel kali ini teman-teman akan belajar menampilkan domisili gambar dengan beberapa kondisi.



Posisi pada satu folder



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



teman



<html>
<head></head>
<body>
<img src=dumet.jpg alt=teman pada penyusunan websitenya memerlukan gambar Cara Memberikan Tempat tinggal Gambar di HTML>
</body>
</html>


Posisi gambar di pada folder



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



teman



<html>
<head></head>
<body>
<img src=img/dumet.jpg alt=teman pada penyusunan websitenya memerlukan gambar Cara Memberikan Tempat tinggal Gambar di HTML>
</body>
</html>


Posisi file didalam folder



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



Karenanya penulisan sumber gambarnya seperti ini.



teman



<html>
<head></head>
<body>
<img src=../dumet.jpg alt=teman pada penyusunan websitenya memerlukan gambar Cara Memberikan Tempat tinggal Gambar di HTML>
</body>
</html>


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




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS