Belajar HTML Karakter dan Simbol Lengkap
Belajar HTML Karakter dan Simbol Lengkap - Biasanya, kita menggunakan Karakter atau Simbol Khusus untuk beberapa keperluan seperti membuat tanda khusus pada simbol matematika, sebagai penanda atau pun untuk keperluan lainnya didalam dokumen HTML.
Beberapa Karakter HTML dapat berupa Nama Entitas dan dapat juga berupa Nomor Entitas. Untuk Simbol biasanya kita menggunakannya pada rumus Matematika, atau pun pada perhitungan operasi lainnya.
Baca juga : Pengenalan Dasar HTML dan Contohnya
HTML Karakter dan Simbol
Berikut ini daftar tabel untuk memulai Belajar HTML Karakter dan Simbol :
1. Non Breaking Space
Biasanya HTML tidak akan mengizinkan lebih dari satu spasi dan ruang baris kosong. Sehingga, walaupun sebanyak apapun kita menekan spasi itu tidak akan berpengaruh. Oleh karena itu, kita dapat menggunakan kode untuk membuat beberapa ruang kosong atau spasi yang panjang.
2. Nama Entitas Karakter
Nama Entitas berarti membuat sebuah karakter dengan menggunakan nama khusus. Ternyata, didalam sebuah karakter ada kode khusus untuk membuatnya. Beberapa karakter yang disiapkan dalam HTML misalnya >, © (copyright), dan lainnya. Nama Entitas mempunyai kelebihan yaitu mudah diingat, sehingga kita mudah membuat sebuah karakter. Namun, mempunyai kekurangan yaitu beberapa browser tidak mendukung Nama Entitas melainkan Nomor Entitas.
Beberapa Nama Entitas Karakter HTML
| No | Nama Entitas | Kode | Keterangan | Hasil |
|---|---|---|---|---|
| 1. | Less Than | & lt; | Kurang Dari | < |
| 2. | Greater Than | & gt; | Lebih dari | > |
| 3. | Ampersand | & amp; | Dan | & |
| 4. | Cent | & cent; | Sen | ¢ |
| 5. | Pound | & pound; | Poundsterling (Inggris) | £ |
| 6. | Yen | & yen; | Yen (Jepang) | ¥ |
| 7. | Euro | & euro; | Euro | € |
| 8. | Copyright | & copy | Hak Cipta | © |
| 9. | Registered Trademark | & reg; | Merk Dagang Terdaftar | ® |
| 10. | Trademark | & trade; | Merk Dagang | ™ |
| 11. | Leftwards Arrow | & larr; | Panah Kiri | ← |
| 12. | Upwards Arrow | & uar; | Panah Atas | ↑ |
| 13. | Panah Kanan | & rarr; | Panah Atas | → |
| 14. | Downwards Arrow | & darr; | Panah Bawah | ↓ |
| 15. | Black Spade Suit | & spades; | Daun Waru Hitam | ♠ |
| 16. | Black Club Suit | & clubs; | Keriting Hitam | ♣ |
| 17. | Black Heart Suit | & hearts; | Hati | ♥ |
| 18. | Black Diamond Suit | & diams; | Berlian Hitam | ♦ |
3. Nomor Entitas Karakter
Sama halnya dengan Nama Entitas, hanya saja yang digunakan untuk membuat sebuah karakter kali ini kita menggunakan Nomor khusus. Jika dibandingkan, Nomor Entitas lebih ribet dan sulit untuk di ingat dibandingkan Nama Entitas. Walaupun demikian, ketika Browser tidak mendukung Nama Entitas pasti akan mendukung Nomor Entitas. Nomor Entitas penggunaannya dengan menambahkan tanda pagar "#" setelah "&" lalu memberikan Nomor Entitas.
Baca juga : Cara menggabungkan html dan css menjadi satu file
Beberapa Nomor Entitas Karakter HTML
| No | Nama Entitas | Kode | Keterangan | Hasil |
|---|---|---|---|---|
| 1 | Space | & #160; | Spasi | |
| 2 | Less Than | & #60; | Kurang dari | < |
| 3 | Greater Than | & #62; | Lebih dari | > |
| 4 | Ampersand | & #38; | Dan | & |
| 5 | Cent | & #162; | Sen | ¢ |
| 6 | Pound | & #163; | Poundsterling (unggris) | £ |
| 7 | Yen | & #165; | Yen (Jepang) | ¥ |
| 8 | Euro | & #8364; | Euro | € |
| 9 | Copyright | & #169; | Hak Cipta | © |
| 10 | Registered Trademark | & #174; | Merk Dagang Terdaftar | ® |
| 11 | Trademark | & #8482; | Merk Dagang | ™ |
| 12 | Leftwards Arrow | & #8592; | Panah Kiri | ← |
| 13 | Upwards Arrow | & #8593; | Panah Atas | ↑ |
| 14 | Rightwards Arrow | & #8594; | Panah Kanan | → |
| 15 | Downwards Arrow | & #8595; | Panah Bawah | ↓ |
| 16 | Black Spade Suit | & #9824; | Daun Waru Hitam | ♠ |
| 17 | Black Club Suit | & #9827; | Keriting Hitam | ♣ |
| 18 | Black Heart Suit | & #9229; | Hati | ♥ |
| 19 | Black Diamond Suit | & #9830; | Berlian Hitam | ♦ |
4. Tanda Diakritik
Tanda Diakritik diletakkan diatas sebuah huruf, dan digunakan untuk mewakili karakter desimal dan heksadesimal. Jika sebuah karakter tidak memiliki Entitas HTML, baik itu Nama Entitas atau Nomor Entitas. Kita dapat menggunakan referensi desimal (dec) atau heksadesimal (hex). Untuk Range Desimal berada diantara 768-879 dan Heksadesimal berada di antara 0300-036F.
Baca juga : Cara Menghubungkan Hasil Form HTML dengan JavaScript
Beberapa Tanda Diakritik di HTML
| No | Contoh Huruf | Kode | Hasil |
|---|---|---|---|
| 1 | a | a & #768; | à |
| 2 | b | b & #769; | b́ |
| 3 | c | c & #770; | ĉ |
| 4 | A | A & #771; | Ã |
| 5 | C | C & #772; | C̄ |
| 6 | O | O & #773; | O̅ |
| 7 | O | O & #774; | Ŏ |
| 8 | O | O & #775; | Ȯ |
| 9 | ..... | O & #879; | Oͯ |
| 10 | O | O & #879; | Oͯ |
5. Simbol Matematika
Simbol Matematika atau Entitas Matematika biasanya digunakan untuk membuat sebuah rumus matematika dalam operasinya sebagai tanda/simbol. Dalam HTML, ada dua cara untuk membuat Simbol Matematika yaitu dengan Nama Entitas dan Nomor Entitas.
Baca juga : Cara Membuat Slideshow Otomatis dengan HTML dan CSS
Beberapa Nama Entitas Simbol di HTML
| No | Nama Entitas | Kode | Keterangan | Hasil |
|---|---|---|---|---|
| 1 | For All | & forall; | Untuk Semua | ∀ |
| 2 | Partial Differential | & part; | Diferensial Parsil | ∂ |
| 3 | There Exists | & exist; | Ada | ∃ |
| 4 | Empty Sets | & empty; | Set Kosong | ∅ |
| 5 | Nabla | & nabla; | Nabla | ∇ |
| 6 | Element Of | & isin; | Elemen dari | ∈ |
| 7 | Element Of | & isin; | Elemen dari | ∈ |
| 8 | Not An Element | & notin; | Bukan Anggota | ∉ |
| 9 | Contains As Member | & ni; | Anggota | ∋ |
| 10 | N-Ary Product | & prod; | Produk N-Ary | ∏ |
| 11 | N-Ary Summation | & sum; | Produk N-Ary | ∑ |
Kesimpulan
Pada karakter dan simbol HTML yang tertera diatas berfungsi untuk menambahkan simbol karakter-karakter khusus pada halaman website atau blog yang digunakan untuk menghasilkan kode HTML yang baik dan benar.
Penutup
Belajar HTML Karakter dan Simbol Lengkap dan Belajar Dasar Kamus HTML Lengkap dapat anda pelajari agar lebih mengenal kode dan simbol yang ada pada HTML (Hypertext Markup Language) untuk keperluan belajar pemrograman. Semoga dapat berguna dan bermanfaat untuk kita semua.
samuelpasaribu.com
samuelpasaribu.com working in the Search Engine Optimization field since 2019. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on samuelpasaribu.com. You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.
