Menampilkan Nama pada Saat Mengarahkan Mouse di Gambar

Artikel kali ini membahas tentang trik sederhana tentang cara Menampilkan Nama Saat Mengarahkan/ Hover Mouse pada Gambar. Ada banyak macam tag HTML yang telah disediakan untuk dapat kita gunakan sesuai kebutuhan, salah satunya adalah penggunaan atribut title di dalam tag img. Contoh akhirnya bisa Anda lihat pada gambar dibawah ini:
Contoh Jadi/ Akhir

Bagaimana Caranya?

Caranya sangat sederhana, ketika Anda ingin menampilkan suatu gambar menggunakan tag img, Anda cukup menambahkan atribut title seperti 1 baris kode dibawah ini:

<img src="http://namaweb.com/images/maju-mundur.png" title="Maju Mundur">

Apabila Anda perhatikan baris diatas, terdapat bagian title="Maju Mundur", maksud atribut tersebut adalah memberitahukan pada browser bahwa file gambar tersebut memiliki nama yang ketika seorang user mengarahkan mousenya ke gambar akan muncul namanya.

Semoga bermanfaat

Posting Komentar

Lebih baru Lebih lama