Cara Memasukan Gambar pada HTML
- src
- width
- height
- alt
- align
- border
Atribut tag src berfungsi untuk mununjukan dimana gambar tersebut berada. jika filenya berada dalam satu folder dengan file htmlnya maka cukup ditulis nama filenya dan ekstensinya saja, tapi jika keluar dari folder file htmlnya maka harus dituliskan "../" tapi jika masuk ke folder yang berada dalam satu folder file htmlnya maka dituliskan dengan "/" berikut ini contohnya :
<img src="a.jpg"> jika gambar dan file html berada dalam satu folder.
<img src="../a.jpg"> jika gambar berada di luar satu folder dari file htmlnya.
<img src="/gambar/a.jpg"> jika gambar berada di dalam folder gambar yang berada dalam satu folder gambarnya.
seperti yang telah kita kenal bahwa atribut width itu untuk mengatur lebar. Seperti halnya pada Atribut ini juga untuk mengatur lebar image yang akan ditapilkan. Contoh :
<img src="a.jpg" width"100px">
seperti halnya height kita juga telah mengenal atribut ini. atribut ini berfungsi untuk mengatur tinggi gambar yang akan ditampilkan. Contoh :
<img src="a.jpg" width"60px" height="200px">
<img src="a.jpg" width"60px" height="200px" alt="keterangan gambar">
Atribut ini digunakan untuk mengatur posisi image berada di kiri, tengah, atau kanan. Contoh :
<img src="a.jpg" width"60px" height="200px" alt="keterangan gambar" align="right">
Atribut ini digunakan untuk memberi border pada gambar yang akan ditampilkan. Contoh :
maka skrip diatas akan tampil seperti berikut :
