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

Similar Posts

Cara Membuat dan Menghapus Cache Suatu Halaman pada Codeigniter

Bymuhazmi

Halo, pada artikel kali ini saya akan membahas tentang Bagaimana Cara Mengaktifkan dan Mematikan Cache Suatu Halaman pada Codeigniter. Sebelum masuk ke pada bagian cara mengaktifkan dan mematikan cache, ada baiknya kita memahami dulu sesuatu yang bernama “cache”. Cache adalah memory berukuran kecil yang sifatnya temporary (sementara). Walaupun ukuran filenya sangat kecil namun kecepatannya sangat tinggi….

Mengatasi Font Numbering yang Tidak Berubah Sesuai yang Diinginkan pada WPS Writer Linux

Bymuhazmi

Pada artikel kali ini, saya akan membagikan cara Mengatasi Font Numbering yang Tidak Berubah Sesuai yang Diinginkan pada WPS Office Linux. Problem ini saya dapatkan ketika menggunakan WPS Office pada OS Linux Mint 18.3, kemungkinan di versi lain juga akan mengalami hal yang sama tapi untuk pastinya silahkan dicoba sendiri. Ketika saya ingin mengganti font numbering…

Cara Install Applets Linux Mint Secara Manual

Cara Install Applets Linux Mint Secara Manual

Bymuhazmi

Bagi Anda yang menggunakan os linux, terutama distro Linux Mint. Kemungkinan tidak asing dengan applets yang telah disediakan oleh Linux Mint sendiri dalam mempermudah akses ke berbagai fitur yang ada. Sebut saja Anda dapat menampilkan kecepatan download dan upload internet yang sedang berjalan pada komputer/laptop Anda, mengatur tingkat kecerahan layar apabila Anda menggunakan komputer yang…

Mengatur Default Routes di Codeigniter 3 pada Sub Folder

Bymuhazmi

Routes merupakan suatu fitur yang disediakan oleh Codeigniter untuk mempermudah dalam mengelola URL pada aplikasi web yang dibuat. Contoh pola yang biasa ada di Codeigniter adalah sebagai berikut: example.com/class/function/ Ada kalanya kita ingin mengatur suatu website diarahkan langsung secara default pertama kali diakses ke bagian backend atau subfolder project dengan URL seperti ini: example.com/admin/class/function/ admin…

Variabel dalam PHP

Bymuhazmi

Variabel merupakan suatu simbol atau nama yang menyatakan suatu nilai. Variabel dapat berupa nilai yang bernilai angka, karakter, dan lain sebagainya yang nantinya dapat digunakan pada program atau aplikasi yang dibuat. Bagaimana Cara Membuat Variabel? Pada bahasa PHP semua variabel dimulai dengan tanda $ yang diikuti dengan nama variabel yang dibuat. Variabel yang valid atau…

Cara Mengatasi WebFont yang Tidak Terbaca atau diblok oleh CORS Policy

Bymuhazmi

Artikel kali ini akan membahas tentang Bagaimana Cara Mengatasi Font yang Tidak Terbaca atau diblok oleh CORS Policy. Masalah ini pernah saya temui di salah 1 website saya, font yang diambil dari google dan fontawesome tidak terload atau tidak terbaca padahal struktur dan pemanggilan file telah sesuai. Ketika di inspect element dari browser barulah ketahuan…

Leave a Reply