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

0

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.

SUBSCRIBE
Subscribe sekarang dan dapatkan update terbaru melalui email
aman dari spam
Pos Lainnya

Komentar

Email kamu tidak akan dibagikan kepada siapapun

Website ini menggunakan cookie untuk pengalaman yang lebih baik Setuju & Tutup Selengkapnya