Ketika Tulisan di Hover Muncul Deskripsi ? Gunakan Tag Ini Pada Bootstrap !

Beberapa situs web / blog memiliki abbr text dalam beberapa katanya, biasanya ini menjelaskan apa dari maksud teks tersebut. Misalnya kamu memiliki price list dengan fitur-fitur unggulan, kemudian ingin menampilkan deskripsi untuk menjelaskan maksud dari fitur tersebut gunakanlah tag <abbr>.

Ini juga biasa digunakan untuk help text alias teks bantuan, tujuannya untuk mempermudah para pengunjung memahami apa maksud dari kata-kata tersebut. Pada framework Bootstrap, cukup gunakan tag <abbr> untuk membuat seperti itu.

Sentuhlah tulisan ini untuk menampilkan deskripsi, begini cara membuatnya:

<p>Ikuti kode ini, <abbr title="Masukkan deskripsi disini agar tampil ketika disentuh">Ini teks beneran</abbr>, coba saja hover.</p>

Pada Tittle di dalam <abbr> silahkan masukkan deskripsi yang ingin ditampilkan ketika teks asli di dalam <abbr> di hover. Simpan dan lihat hasilnya ! Deskripsi tersebut akan muncul ketika hover mouse.

Berikanlah class/id dan style pada <abbr> tersebut jika ingin membuatnya lebih menarik dan tidak ingin menggunakan default style.

tunggu sebentar...

POS Lainnya:

Tinggalkan Komentar

avatar

Situs ini menggunakan Cookie untuk meningkatkan pengalaman setiap pengunjung SETUJU & TUTUP Lihat Privasi