Sebelum saya memulai post, pertama-tama saya mau bertanya kepada anda semua. Apakah anda pernah melakukan searching gambar via search engine? Kalau pernah bagaimana search engine itu bekerja mencari gambar padahal yang anda cari kan jelas-jelas tulisan? Kalau anda ingin tahu bagaimana cara search engine itu mencari gambar berdasarkan tulisan yang anda inputkan.
Apakah anda tahu apa itu alt. alt sendiri adalah singkatan dari "Alternatives" yang artinya informasi lain yang dapat dipaparkan selain anda melihat gambar itu. Value dari atribut alt biasanya akan terlihat apabila gambar gagal/tidak berhasil di load, atau anda bisa melihatnya dengan bantuan "Inspect element" yang sekarang sudah tersedia di berbagai browser. Nah, sekarang, bagaimana anda akan menambahkan atribut alt pada gambar anda? berikut contohnya:
Nah bagaimana dengan title? Peran dari title adalah agar gambar yang anda masukkan memiliki deskripsi tertentu yang dapat dilihat dengan melakukan hover terhadap gambar tersebut. Sebenarnya ini tidak terlalu penting apabila anda sudah meletakkan caption di gambar anda tapi, tidak ada salahnya kan? Bagaimana meletakkannya? Lihat contoh :
Sekian dulu ya, saya mau lanjut post yang lain nih. Hehehe.
Mengenal atribut alt
Apakah anda tahu apa itu alt. alt sendiri adalah singkatan dari "Alternatives" yang artinya informasi lain yang dapat dipaparkan selain anda melihat gambar itu. Value dari atribut alt biasanya akan terlihat apabila gambar gagal/tidak berhasil di load, atau anda bisa melihatnya dengan bantuan "Inspect element" yang sekarang sudah tersedia di berbagai browser. Nah, sekarang, bagaimana anda akan menambahkan atribut alt pada gambar anda? berikut contohnya:
<img border="0" src="http://4.bp.blogspot.com/-hONfLon5l4w/VLU8ev-xy4I/AAAAAAAAA-w/SNwMdfWxQRo/s1600/1.jpg" height="222" width="320" alt="Widget Blog" title="Widget Rekomendasi Untuk Anda"/>Yang bercetak tebal adalah atribut alt dengan valuenya. Nah jika anda melakukan searching gambar dengan keywords yang sama dengan value di atas maka gambar anda akan muncul di search engine.
Mengenal atribut title
Nah bagaimana dengan title? Peran dari title adalah agar gambar yang anda masukkan memiliki deskripsi tertentu yang dapat dilihat dengan melakukan hover terhadap gambar tersebut. Sebenarnya ini tidak terlalu penting apabila anda sudah meletakkan caption di gambar anda tapi, tidak ada salahnya kan? Bagaimana meletakkannya? Lihat contoh :
<img border="0" src="http://4.bp.blogspot.com/-hONfLon5l4w/VLU8ev-xy4I/AAAAAAAAA-w/SNwMdfWxQRo/s1600/1.jpg" height="222" width="320" alt="Widget Blog" title="Widget Rekomendasi Untuk Anda"/>Bagian yang berwarna merah adalah tag title beserta dengan valuenya. Title akan muncul berdasarkan value yang anda inputkan ke dalam atribut title. Lantas apa bedanya dengan atribut title dan tidak ada title? Mudah saja, coba saja melakukan hover terhadap gambar tersebut, jika tidak muncul tulisan apapun, maka gambar tersebut tidak mengandung atribut title dan demikian sebaliknya.
Sekian dulu ya, saya mau lanjut post yang lain nih. Hehehe.
0 Response to " Fungsi Atribut alt dan title Pada Gambar "
Posting Komentar