Untuk menampilkan sebuah simbol atau karakter di html, kita tidak bisa langsung menulis karakter atau simbol tersebut, melainkan harus dengan kode tertentu.
Misalnya kita ingin menampilkan teks A < B, kita tidak bisa menulisnya dengan kode html seperti berikut,
<span> A < B </span>
Kode diatas akan terjadi konfik karena dianggal symbol '<' adalah diangga sebegai kode pembuka tag.
Oleh karena itu pada artikel kali ini kita akan belajar menampilkan karakter atau symbol di html.
Oke langsung saja kita mulai tutorialnya,
Daftar Isi
Cara membuat karakter dan simbol di html
Untuk membuat atau menampilkan karakter di dalam html, kita cukup mengganti karakter tersebut dengan kode name atau kode nomor karakter tersebut.
Misalnya simbol " & " dapat kita tulis dengan & atau &.
advertisement
Agar lebih mudah di pelajari, admin sudah membuatkan beberapa list karakter yang sudah admin kelempokan sesuai kategorinya, dan berikut listnya,
Karakter yang sering digunakan
Karakter | Kode Nama | Kode Nomor |
[space] | |   |
< | < | < |
≤ | ≤ | ࣘ |
> | > | ? |
≥ | ≥ | ࣙ |
& | & | & |
' | ' | ' |
" | "e; | " |
© | © | © |
‹ | ‹ | ‹ |
› | › | › |
Simbol-Simbol Matematika
Karakter | Kode Nama | Kode Nomor |
∅ | ∅ | ∅ |
∗ | ∗ | ∗ |
∇ |
∇ | ∇ |
− | − | − |
∈ |
∈ | ∈ |
∉ |
∉ | ∉ |
∨ |
∨ | ∨ |
≡ | ≡ | ≡ |
∋ | ∋ | ∋ |
∞ | ∞ | ∞ |
∏ |
∏ | ∏ |
∩ | ∩ | ∩ |
∑ |
∑ | ∑ |
√ | √ | √ |
≤ | ≤ | ≤ |
∝ |
∝ | ∝ |
∀ |
∀ | ∀ |
∠ |
∠ | ∠ |
∧ |
∧ | ∧ |
∂ |
∂ | ∂ |
∫ |
∫ | ∫ |
∴ |
∴ | ∴ |
∃ |
∃ | ∃ |
∼ |
∼ | ∼ |
≅ |
≅ | ≅ |
≈ |
≈ | ≈ |
≠ |
≠ | ≠ |
≥ |
≥ | ≥ |
⊂ |
⊂ | ⊂ |
⊃ |
⊃ | ⊃ |
⊄ |
⊄ | ⊄ |
⊆ |
⊆ | ⊆ |
⊇ |
⊇ | ⊇ |
⊕ |
⊕ | ⊕ |
⊗ |
⊗ | ⊗ |
⊥ |
⊥ | ⊥ |
⋅ |
⋅ | ⋅ |
Simbol Panah
Simbol | Kode Desimal | Kode Hexadesimal |
← | ← | ࢎ |
↑ |
↑ | ࢏ |
→ |
→ | ࢐ |
↓ |
↓ | ࢑ |
↔ |
↔ | ࢒ |
↕ |
↕ | ࢓ |
↖ |
↖ | ࢔ |
↗ |
↗ | ࢕ |
↘ |
↘ | ࢖ |
↙ |
↙ | ࢗ |
↚ |
↚ | ÛA; |
↛ |
↛ | ÛB; |
↜ |
↜ | ÛC; |
↝ |
↝ | ÛD; |
↞ |
↞ | ÛE; |
↟ |
↟ | ÛF; |
↠ |
↠ | A0; |
↡ |
↡ | A1; |
↢ |
↢ | A2; |
↣ |
↣ | A3; |
↤ |
↤ | A4; |
↥ |
↥ | A5; |
↦ |
↦ | A6; |
↧ |
↧ | A7; |
↨ |
↨ | A8 |
↩ |
↩ | A9; |
↪ |
↪ | AA; |
↫ |
↫ | AB; |
↬ |
↬ | AC; |
↭ |
↭ | AD; |
↮ |
↮ | AE; |
↯ |
↯ | AF; |
↰ |
↰ | B0; |
↱ |
↱ | B1; |
↲ |
↲ | B2; |
↳ |
↳ | B3; |
↴ |
↴ | B4; |
↵ |
↵ | B5; |
↶ |
↶ | B6; |
↷ |
↷ | B7; |
↸ |
↸ | B8; |
↹ |
↹ | B9; |
↺ |
↺ | BA; |
↻ |
↻ | BB; |
↼ |
↼ | BC; |
↽ | ↽ | BD; |
↾ | ↾ | BE; |
↿ | ↿ | BF; |
⇀ | ⇀ | C0; |
⇁ |
⇁ | C1; |
⇂ |
⇂ | C2; |
⇃ |
⇃ | C3; |
⇄ |
⇄ | C4; |
⇅ |
⇅ | C5; |
⇆ |
⇆ | C6; |
⇇ | ⇇ | C7; |
⇈ | ⇈ | C8; |
⇉ | ⇉ | C9; |
⇊ |
⇊ | CA; |
⇋ |
⇋ | CB; |
⇌ |
⇌ | CC; |
⇍ | ⇍ | CD; |
⇎ | ⇎ | CE; |
⇏ | ⇏ | CF; |
⇐ | ⇐ | D0; |
⇑ | ⇑ | D1; |
⇒ | ⇒ | D2; |
⇓ | ⇓ | D3; |
⇔ |
⇔ | D4; |
⇕ |
⇕ | D5; |
⇖ |
⇖ | D6; |
⇗ | ⇗ | D7; |
⇘ | ⇘ | D8;; |
⇙ | ⇙ | D9; |
⇚ |
⇚ | DA; |
⇛ |
⇛ | DB; |
⇜ |
⇜ | DC; |
⇝ | ⇝ | DD; |
⇞ | ⇞ | DE; |
⇟ | ⇟ | DF; |
⇠ | ⇠ | E0; |
⇡ | ⇡ | E1; |
⇢ | ⇢ | E2; |
⇣ | ⇣ | E3; |
⇤ | ⇤ | E4; |
⇥ | ⇥ | E5; |
⇦ |
⇦ | E6; |
⇧ |
⇧ | E7; |
⇨ |
⇨; | E8; |
⇩ | ⇩ | E9; |
⇪ | ⇪ | EA; |
⇫ | ⇫ | EB; |
⇬ | ⇬ | EC; |
⇭ |
⇭ | ED; |
⇮ |
⇮ | EE; |
⇯ |
⇯ | EF; |
⇰ |
⇰ | F0;; |
⇱ |
⇱ | F1 |
⇲ |
⇲ | F2; |
⇳ |
⇳ | F3; |
⇴ |
⇴ | F4; |
⇵ |
⇵ | F5; |
⇶ |
⇶ | F6; |
⇷ |
⇷ | F7; |
⇸ |
⇸ | F8; |
⇹ |
⇹ | F9; |
⇺ |
⇺ | FA; |
⇻ | ⇻ | FB; |
⇼ | ⇼ | FC; |
⇽ | ⇽ | FD; |
⇾ | ⇾ | FE; |
⇿ | ⇿ | FF; |
Simbol Mata Uang
Simbol | Kode Desimal | Kode Hexadesimal |
₤ | ₤ | A4; |
₥ | ₥ | A5; |
₦ | ₦ | A6; |
₨ | ₨ | A8; |
₫ | ₫ | AB; |
₧ | ₧ | A7; |
₭ | ₭ | AD; |
₩ | ₩ | A9; |
₠ | ₠ | A0; |
₲ | ₲ | B2; |
₳ | ₳ | B3; |
₾ | ₾ | BE; |
₪ | ₪ | AA; |
₻ | ₻ | BB; |
₡ | ₡ | A1; |
₺ | ₺ | BA; |
₮ | ₮ | AE; |
₶ | ₶ | B6; |
₯ | ₯ | AF; |
₽ | ₽ | BD; |
₰ |
₰ | B0; |
₢ |
₢ | A2; |
₱ |
₱ | B1; |
₴ |
₴ | B4; |
₣ | ₣ | A3; |
₵ | ₵ | B5; |
₷ | ₷ | B7; |
₸ | ₸ | B8; |
€ |
€ |
AC; |
₹ |
₹ |
B9; |
₼ |
₼ |
BC; |
₿ |
₿ | BF; |
Itu tadi beberapa karakter dan simbol yang bisa kita buat di html.
advertisement
Masih ada banyak karakter dan simbol lainnya, namun karena terlalu banyak, jadi admin buatin list yang menurut admin paling sering digunakan.
Jika kalian merasa artikel ini bermanfaat silahkan klik tombol share dan jika ada pertanyaan dan hal yang ingin disampaikan, silahkan tulis dikolom komentar.
Silahkan berkomentar dengan baik dan bijak!