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.


Jangan Lupa Share !!!

77
11 shares, 77 points

Apa Reaksimu ?

Bingung Bingung
10
Bingung
Kesal Kesal
8
Kesal
OMG OMG
11
OMG
Takut Takut
9
Takut
Keren Keren
8
Keren
Sedih Sedih
2
Sedih
Posciety Tech

Pro

Official Channel Posciety.Com yang menyuguhkan informasi dan updates seputar dunia teknologi.

0 Komentar

Pilih Format
Artikel
Default, Membuat Artikel/Cerita
List
Listicle, Misalnya: 3 Hal yang Wajib Dilakukan Saat...
Kuis Kepribadian
Membuat kuis Tentang Kepribadian
Poll
Vote untuk Membuat Keputusan atau Mencari Saran
Meme
Membuat Meme dari Gambar Normal yang Kamu Miliki