Karakter dan simbol khusus dalam html

simbol dan karakter khusus dalam html

Umumnya html digunakan hanya untuk menampilkan informasi yang dapat dibaca yang ditampilkan dalam bentuk gambar, tulisan, atau tabel. Sehingga simbol ataupun karakter yang sering digunakan untuk keperluan menuliskan rumus biasanya akan ditampilkan dalam bentuk gambar, padahal sebenarnya html sudah menyediakan karakter/simbol tersebut dengan pengkodean khusus. Simbol dan karakter apa saja yang bisa kita gunakan dalam html? Simak artikel berikut.

Simbol atau karakter khusus memang jarang sekali digunakan dalam menyajikan sebuah informasi di halaman web, meskipun ada seringkali disajikan dalam bentuk gambar. Contoh untuk menyajikan rumus matematika maupun rumus fisika tentunya kita memerlukan kode atau karakter khusus tersebut. Kode dan simbol rumus memang tidak disediakan dalam susunan tombol keyboard, sehingga kita tidak bisa mengetiknya secara langsung. Alternatifnya yaitu dengan menambahkan manual kode penggantinya dalam dokumen html.

Contoh simbol yang tidak disediakan pada keyboard :

≤ ⅛ ¼ ∑ dan banyak lagi lainya seperti pada tabel berikut.

Kode, Simbol dan karakter khusus dalam HTML

Tampilan Perintah Umum Kode dengan angka Kode dengan hexa Keterangan
  − − Minus Sign
+ + + + Plus Sign
± ± ± ± Plus or Minus Sign
× × × × Multiplication Sign
÷ ÷ ÷ ÷ Division Sign
% % % % Percent Sign
  ‰ ‰ Per Mille Sign (per thousand)
= = = = Equal Sign
  ≠ ≠ Not Equal To Sign
  ≈ ≈ Approximately Equal Sign
  ≡ ≡ Identical To Sign
< &lt; &#60; &#x3C; Less Than Sign
> &gt; &#62; &#x3E; Greater Than Sign
  &#8804; &#x2264; Less Than or Equal To Sign
  &#8805; &#x2265; Greater Than or Equal To Sign
  &#8734; &#x221E; Infinity Sign
  &#8539; &#x215B; One Eighth Fraction
¼ &frac14; &#188; &#xBC; One Quarter Fraction
  &#8540; &#x215C; Three Eighths Fraction
½ &frac12; &#189; &#xBD; One Half Fraction
  &#8541; &#x215D; Five Eighths Fraction
¾ &frac34; &#190; &#xBE; Three Quarters Fraction
  &#8542; &#x215E; Seven Eighths Fraction
  &#8747; &#x222B; Integral Sign
  &#8706; &#x2202; Partial Differential Sign
  &#8710; &#x2206; Increment Sign
  &#8719; &#x220F; N-ary Product Sign
  &#8721; &#x2211; N-ary Sum Sign
  &#8730; &#x221A; Square Root Sign
  &#8735; &#x221F; Right Angle Sign
  &#8745; &#x2229; Intersection Sign
  &#8729; &#x2219; Bullet Operator
ƒ   &#131; &#x83; Function Sign
  &#8260; &#x2044; Fraction Slash

Simbol dan karakter khusus seperti pada kolom pertama tabel diatas dapat ditampilkan dengan menuliskan salah satu kode yang tersedia pada kolom 2, 3 dan 4. Misal anda ingin menampilkan simbol ± (plus minus), maka kita harus menuliskan &plusmn; atau &#177; atau &#xB1; dalam kode html halaman web yang dibuat.

Jangan lupa juga, tambahkan kode berikut pada bagian atas dokumen html yang anda buat, karena beberapa simbol tidak bisa tampil. Kode berikut digunakan sebagai referensi pustaka simbol-simbol diatas.

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

Selamat moncoba, dan semoga bermanfaat

Zainal Hakim

Referensi :

http://www.utexas.edu/learn/html/spchar.html
http://webdesign.about.com/od/localization/l/blhtmlcodes-math.htm

** Bebas disunting dengan menyebutkan sumber **

Komentar

Halaman Lainya

  • Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML
    Mungkin istilah TAG, ATRIBUT dan VALUE dalam HTML agak terlupakan, karena kebanyakan teman-teman yang sedang belajar membuat web sekarang lebih dimanjakan oleh editor web visual yang sangat praktis dan instan. Berikut ini saya coba mengingatkan kembali tentang 3 istilah dasar tersebut agar pemahaman serta penggunaan HTML lebih mudah.
  • Cara memasukkan gambar dalam halaman web
    Panduan cara memasukkan gambar dalam halaman web/blog dengan kode html, lengkap dengan tips optimalisasinya. Untuk memasukkan gambar dalam web sekarang memang sudah dimudahkan dengan bantuan editor visual yang langsung membuat kode otomatis HTML secara instan, tapi tidak ada salahnya anda mengetahui cara teknis menyisipkanya.
  • Perbedaan form method POST dan GET
    Bagi anda yang sudah terbiasa membuat form dalam HTML pasti sudah sering melihat kode yang tersusun dalam sebuah form, termasuk atribut form yang digunakan. Salah satu atribut yang digunakan dalam form adalah method. Atribut method bisa diberi nilai dengan POST atau GET.
  • Game Online dengan HTML5
    Teknologi HTML5 memang menjadi bahan perbincangan bagi para pengembang web, karena teknologi yang dihadirkan pada versi HTML5 ini memang luar biasa. Bahkan sekarang sudah banyak game/permainan online dibuat dengan HTML5 sehingga bisa dimainkan dengan cukup ringan dan tanpa perlu aplikasi bantu lainya selain browser.
  • Mengenal HTML5
    HTML5 adalah versi terbaru teknologi hypertext/web yang sekarang ini masih dalam tahap pengembangan. HTML5 ini akan menjadi trend teknologi internet masa depan karena sudah diperkaya dengan fitur-fitur ungulan yang tentunya akan menjadi standard pengembangan media informasi berbasis web.

Kiriman terbaru