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

  • Membuat menu pada bidang gambar
    Mungkin sudah jarang sekali kita temui menu sebuah web yang hanya dibuat dengan gambar sehingga banyak pilihan menu/link halamannya diletakkan pada gambar itu juga. Umumnya sekarang gambar hanya digunakan pada bagian tertentu saja dan ukurannya pun tidak terlalu besar.
  • 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.
  • Membuat tabel dengan HTML
    Tabel adalah salah satu objek terpenting yang bisa kita gunakan untuk banyak keperluan. Tabel bisa digunakan untuk membuat laporan dengan HTML, bisa digunakan untuk menyusun objek lain seperti gambar atau tulisan, bahkan tabel juga bisa digunakan untuk menata layout tampilan web. Bagi anda yang sedang belajar bahasa pemrograman web seperti PHP atau yang lainya, tabel ini juga bagian terpenting yang harus anda ketahui karena bentuk laporan dari database tentunya akan disajikan dalam bentuk tabel. Bagaimana cara membuat tabel yang benar? dan bagaimana contohnya?
  • 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 mengganti background blog atau website
    Untuk mengganti background blog atau website tentunya anda harus punya akses untuk memodifikasi susunan kode halamannya, baik lewat control panel, ftp maupun fasilitas yang sudah disediakan sistem kelola kontent (CMS). Setelah itu baru kita bisa lakukan dengan dua cara berikut

Kiriman terbaru