Menampilkan Special Character Pada Halaman Web

Niguru.com |Selasa, 1 Sep 2020 | Dalam membuat tulisan pada website, kadangkala penulis web atau programmer web perlu menampilkan special character (karakter khusus) seperti tanda wajik, tanda hati, mister Groovy, dan lain sebagainya. Tidak semua karakter sukses dicopy ke halaman website. Banyak karakter yang berubah pada saat ditampilkan pada browser.

Kali ini Niguru.com akan membagikan trik untuk menampilkan karakter agar dapat tampil secara benar saat halaman web ditampilkan pada browser. 

Ada 2 aplikasi bawaan OS Windows yang kita perlukan disini yaitu Character Map dan Calculator:

 

Sintaks penulisan karakter adalah: 

&#CharNum

CharNum = nomor karakter dalam desimal.

Untuk menjelaskan Niguru.com akan membuka aplikasi Character Map, dan memilih salah satu karakter (misalnya mister Groovy atau =White Smiling Face):

Note:

Nomor karakter yang ditampilkan oleh Character Map adalah nomor dalam format HEXADESIMAL (= Hex).

Buka Calculator > klik menu > Programmer:

 

 

Klik HEX:

 

Ketikkan nilai hex yang ditampilkan oleh Character Map, dan lihat nilai desimal (= DEC) yang ditampilkan (misal: 263A untuk karakter mister Groovy /white smiling face):

 

Berarti untuk menampilkan karakter mister Groovy tersebut yang harus diketikkan pada script adalah: &#9786

Contoh script:

<h1>Menampilkan Special Char.</h1>

<big>Contoh karakter: <font style="font-size: 80pt">

&#9786 &#9786

</font>

 

 

Simpan dengan nama specialChar.html:

 

Buka file specialChar.html pada browser:

Demikianlah penjelasan mengenai cara untuk menampilkan karakter khusus pada halaman website.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)