Pada HTML format gambar yang didukung yaitu .PNG, .JPG/.JPEG, .GIF terdapat tag yang dikhususkan untuk menampilkan gambar yaitu tag <img> di ikuti dengan atribut src dan alt.
Atribut src
Atribut src ini singkatan dari source, dan atribut ini digunakan untuk menunjukan URL / Letak gambar yang akan ditampilkan. Atribut ini wajib ada setiap menggunakan tag <img>.
Ada beberapa cara menampilkan gambar menggunakan atribut src.
1. Hanya memanggil nama gambar berserta formatnya, dengan syarat file html dan gambar harus berada pada 1 folder.
Misalkan seperti gambar diatas, didalam satu folder terdapat 1 file html (yang akan dimasukkan gambar) dan 1 gambar. Jadi jika ingin menampilkan gambar dengan atribut src, hanya menggunakan nama dan format gambar.
Sintaks : <img src=”html.png” />
2. Menulis nama folder berserta nama gambar, jika gambar / file berada pada folder yang berbeda.
Misalkan seperti gambar diatas didalam folder web terdapat 1 file html (yang akan dimasukkan gambar) dan 1 folder Gambar. Didalam folder gambar terdapat 1 buah gambar dengan format PNG. Jadi, jika ingin menampilkan Gambar di folder berbeda, sebutkan nama folder lalu nama gambar berserta formatnya.
Sintaks : <img src=“/gambar/html.png” />
3. Menuliskan URL dari gambar tersebut, jika gambar tersebut berada pada situs / web lain.
Sintaks : <img src=”http://how-box.blogspot.com/gambar/html.jpg” />
Atribut alt
Atribut ini yaitu alternative teks jika gambar tidak tampil, jadi di usahakan isi dari atribut alt ini adalah definisi dari gambar yang akan ditampilkan.
Sintaks : <img src=”html.png” alt= “html 5 ” />
Contoh lengkap penggunakan tag <img> :
<html>
<head>
<title> Menyisipkan Gambar </title>
</head>
<body>
<img src=”html.png” alt=”html-5”/>
</body>
</html>
Hasil nya :
Yup, cukup mudah bukan? Ya sangat mudah. Oke sekian dulu, jika masih kebingungan silahkan tinggalkan komentar di kolom komentar, Semoga Membantu ^^.
0 komentar:
Posting Komentar