Misalnya kita ingin menampilkan teks A < B, kita tidak bisa menulisnya dengan kode html,
<span> A < B </span>Karena akan terjadi konflik dengan kode tag.
Dan kode yang benarnya adalah
<span> A < B </span>Dimana kode < adalah kode html untuk "<".
Oleh karena itu penting untuk kita mengingat kode untuk karakter dan simbol yang sering kita gunakan.
Yuk kita mulai tutorialnya
Membuat karakter dan simbol 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 &
Berikut kode-kodenya simbol yang sudah saya kategorikan,
Karakter yang sering digunakan
| Karakter | Keterangan | Kode Nama | Kode Desimal |
|---|---|---|---|
| Spasi | |   | |
| < | Kurang dari | < | < |
| > | Lebih dari | > | > |
| & | Symbol dan | & | & |
| ' | Kutip satu | ' | ' |
| " | Kutip dua | "e; | " |
| © | Simbol copyright | © | © |
Beberapa simbol matematika
| Karakter | Kode Nama | Kode Desimal |
|---|---|---|
| ∅ | ∅ | ∅ |
| ∗ | ∗ | ∗ |
| ∇ | ∇ | ∇ |
| − | − | − |
| ∈ | ∈ | ∈ |
| ∉ | ∉ | ∉ |
| ∨ | ∨ | ∨ |
| ≡ | ≡ | ≡ |
| ∋ | ∋ | ∋ |
| ∞ | ∞ | ∞ |
| ∏ | ∏ | ∏ |
| ∩ | ∩ | ∩ |
| ∑ | ∑ | ∑ |
| √ | √ | √ |
| ≤ | ≤ | ≤ |
| ∝ | ∝ | ∝ |
| ∀ | ∀ | ∀ |
| ∠ | ∠ | ∠ |
| ∧ | ∧ | ∧ |
| ∂ | ∂ | ∂ |
| ∫ | ∫ | ∫ |
| ∴ | ∴ | ∴ |
| ∃ | ∃ | ∃ |
| ∼ | ∼ | ∼ |
| ≅ | ≅ | ≅ |
| ≈ | ≈ | ≈ |
| ≠ | ≠ | ≠ |
| ≥ | ≥ | ≥ |
| ⊂ | ⊂ | ⊂ |
| ⊃ | ⊃ | ⊃ |
| ⊄ | ⊄ | ⊄ |
| ⊆ | ⊆ | ⊆ |
| ⊇ | ⊇ | ⊇ |
| ⊕ | ⊕ | ⊕ |
| ⊗ | ⊗ | ⊗ |
| ⊥ | ⊥ | ⊥ |
| ⋅ | ⋅ | ⋅ |
Simbol Mata uang
| Karakter | 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 |
Simbol panah
| Karakter | 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 |
Beberapa emoji
| Karakter | Kode Desimal | Kode Hexadesimal |
|---|---|---|
| 😀 | 😀 | F600 |
| 😁 | 😁 | F601 |
| 😂 | 😂 | F602 |
| 😃 | 😃 | F603 |
| 😄 | 😄 | F604 |
| 😅 | 😅 | F605 |
| 😆 | 😆 | F606 |
| 😇 | 😇 | F607 |
| 😈 | 😈 | F608 |
| 😉 | 😉 | F609 |
| 😊 | 😊 | F60A |
| 😋 | 😋 | F60B |
| 😌 | 😌 | F60C |
| 😍 | 😍 | F60D |
| 😎 | 😎 | F60E |
| 😏 | 😏 | F60F |
| 😐 | 😐 | F610 |
| 😑 | 😑 | F611 |
| 😒 | 😒 | F612 |
| 😓 | 😓 | F613 |
| 😔 | 😔 | F614 |
| 😕 | 😕 | F615 |
| 😖 | 😖 | F616 |
| 😗 | 😗 | F617 |
| 😘 | 😘 | F618 |
| 😙 | 😙 | F619 |
| 😚 | 😚 | F61A |
| 😛 | 😛 | F61B |
| 😜 | 😜 | F61C |
| 😝 | 😝 | F61D |
| 😞 | 😞 | F61E |
| 😟 | 😟 | F61F |
| 😠 | 😠 | F620 |
| 😡 | 😡 | F621 |
| 😢 | 😢 | F622 |
| 😣 | 😣 | F623 |
| 😤 | 😤 | F624 |
| 😥 | 😥 | F625 |
| 😦 | 😦 | F626 |
| 😧 | 😧 | F627 |
| 😨 | 😨 | F628 |
| 😩 | 😩 | F629 |
| 😪 | 😪 | F62A |
| 😫 | 😫 | F62B |
| 😬 | 😬 | F62C |
| 😭 | 😭 | F62D |
| 😮 | 😮 | F62E |
| 😯 | 😯 | F62F |
| 😰 | 😰 | F630 |
| 😱 | 😱 | F631 |
| 😲 | 😲 | F632 |
| 😳 | 😳 | F633 |
| 😴 | 😴 | F634 |
| 😵 | 😵 | F635 |
| 😶 | 😶 | F636 |
| 😷 | 😷 | F637 |
Itu tadi beberapa karakter, simbol dan emoji yang bisa kita buat di html.
Masih ada banyak karakter dan simbol lainnya, namun karena terlalu banyak, jadi saya sajiin yang menurut saya 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.
0 Komentar untuk " Tutorial Lengkap Belajar Html # Menampilkan Karakter, Emoji Dan Simbol"
Silahkan berkomentar dengan baik dan bijak!