Belajar HTML ABBR Tag Element <abbr> - Kurazone Blog | Panduan Belajar Blogger Pemula

Belajar HTML ABBR Tag Element <abbr>

Pilihan Editor :

Belajar HTML ABBR Tag Element <abbr>
Penulis Bagus Surochman
0
Modus malam



KURAZONE ~ Belajar HTML <abbr> Tag Element. Pengenalan element <abbr> ... </abbr> yang sering digunakan untuk menjelaskan kepanjangan dari sebuah singkatan, mencakup bentuk penulisan dan contoh kasus agar mudah dipahami.

PENGENALAN
HTML abbr 

abbr merupakan element yang merujuk pada sebuah abbreviation (singkatan) atau acronym (akronim), seperti WHO, HTML, CSS, PNS, ASN, PPPK, ASAP, OTW, DPR, MPR, RT, RW, TPS, Baper, Jones, dan lain-lain yang menunjukkan bahwa singkatan tersebut memiliki kepanjangan.

Element <abbr> digunakan bersamaan dengan atribut title yang menjelaskan kepanjangan dari singkatan tersebut dan tidak boleh berisi keterangan lain. Kepanjangan yang ditulis pada atribut title dapat dilihat ketika mouse/pointer menyentuh singkatan tersebut atau ketika kursor berada diatas element abbr tersebut.
<abbr title="Kepanjangan Disini">Singkatan Disini</abbr>

ATRIBUT
Atribut pada element abbr

title

Digunakan untuk menjelaskan kepanjangan dari singkatan
<abbr title="World Health Organization">WHO</abbr>
Contoh :
PNS = Pegawai Negeri Sipil
<p><abbr title="Pegawai Negeri Sipil">PNS</abbr> yang harus bekerja pada saat cuti bersama Lebaran 2018 akan mendapat jatah pengambilan cuti di waktu lain.</p>
Hasil : (arahkan kursor ke PNS)

PNS yang harus bekerja pada saat cuti bersama Lebaran 2018 akan mendapat jatah pengambilan cuti di waktu lain.

PRAKTEK | Contoh HTML <abbr> element

Membuat singkatan sederhana (bentuk dasar abbr)

<abbr title="Dewan Perwakilan Rakyat">DPR</abbr>

Pengaturan CSS Awal

/* Tidak Ada. Element ini tidak ada default style yang berlaku */

Namun untuk mempercantik tampilan ABBR, bisa menggunakan CSS seperti berikut:
<style>
abbr[title]{
cursor: help;
border-bottom: 1px dotted #777; 
}
</style>

Browser yang mendukung

Element
<abbr> Yes Yes Yes Yes Yes
Dari penjelasan pada artikel ini, semoga sahabat Kurazone dapat dengan mudah memahami HTML ABBR Tag Element
nanio
Belajar HTML ABBR Tag Element <abbr>
Belajar HTML ABBR Tag Element <abbr> Belajar HTML ABBR Tag Element <abbr> Reviewed by Bagus Surochman on 7/08/2018

Tidak ada komentar:

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.