Kumpulan Karakter dan Simbol dalam HTML

Karakter dan Simbol dalam HTML

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. Berikut cara membuat Karakter dan Simbol khusus dalam HTML.
  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.
    Contoh :
    Satu Spasi Saja
    Lebih      dari      Satu   Spasi

    Hasil :
    Satu Spasi Saja
    Lebih      dari      Satu   Spasi

  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 >, <, 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
    Nama Entitas Kode ArtiHasil
    Less Than&lt;Kurang dari
    <
    Greater Than&gt;Lebih dari
    >
    Ampersand&amp;Dan
    &
    Cent&cent;Sen
    ¢
    Pound&pound;Poundsterling (Inggris)
    £
    Yen&yen;Yen (Jepang)
    ¥
    Euro&euro;Euro
    €
    Copyright&copy;Hak Cipta
    ©
    Registered Trademark &reg;Merk Dagang Terdaftar
    ®
    Trademark&trade;Merk Dagang
    ™
    Leftwards Arrow&larr;Panah Kiri
    ←
    Upwards Arrow&uarr;Panah Atas
    ↑
    Rightwards Arrow&rarr;Panah Kanan
    →
    Downwards Arrow&darr;Panah Bawah
    ↓
    Black Spade Suit&spades;Daun Waru Hitam
    ♠
    Black Club Suit&clubs;Keriting Hitam
    ♣
    Black Heart Suit&hearts;Hati
    ♥
    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.
    Beberapa Nomor Entitas Karakter HTML
    Nama Entitas Kode ArtiHasil
    Space&#160;Spasi
    Less Than&#60;Kurang dari
    <
    Greater Than&#62;Lebih dari
    >
    Ampersand&#38;Dan
    &
    Cent&#162;Sen
    ¢
    Pound&#163;Poundsterling (Inggris)
    £
    Yen&#165;Yen (Jepang)
    ¥
    Euro&#8364;Euro
    €
    Copyright&#169;Hak Cipta
    ©
    Registered Trademark &#174;Merk Dagang Terdaftar
    ®
    Trademark&#8482;Merk Dagang
    ™
    Leftwards Arrow&#8592;Panah Kiri
    ←
    Upwards Arrow&#8593;Panah Atas
    ↑
    Rightwards Arrow&#8594;Panah Kanan
    →
    Downwards Arrow&#8595;Panah Bawah
    ↓
    Black Spade Suit&#9824;Daun Waru Hitam
    ♠
    Black Club Suit&#9827;Keriting Hitam
    ♣
    Black Heart Suit&#9829;Hati
    ♥
    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.
    Beberapa Tanda Diakritik di HTML
    Contoh Huruf Kode Hasil
    a
    a&#768;
    à
    b
    b&#769;
    b́
    c
    c&#770;
    ĉ
    A
    A&#771;
    Ã
    C
    C&#772;
    C̄
    O
    O&#773;
    O̅
    O
    O&#774;
    Ŏ
    O
    O&#775;
    Ȯ
    .....
    ..&#..;
    .....
    OO&#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.
    Beberapa Nama Entitas Simbol di HTML
    Nama Entitas Kode ArtiHasil
    For All&forall;Untuk Semua
    ∀
    Partial Differential&part;Diferensial Parsil
    ∂
    There Exists&exist;Ada
    ∃
    Empty Sets&empty;Set Kosong
    ∅
    Nabla&nabla;Nabla
    ∇
    Element Of&isin;Elemen dari
    ∈
    Not An Element&notin;Bukan Anggota
    ∉
    Contains As Member&ni;Anggota
    ∋
    N-Ary Product&prod;Produk N-Ary
    ∏
    N-Ary Summation&sum;Penjumlahan N-Ary
    ∑


    Beberapa Nomor Entitas Simbol di HTML
    Nama Entitas Kode ArtiHasil
    For All&#8704;Untuk Semua
    ∀
    Partial Differential&#8706;Diferensial Parsil
    ∂
    There Exists&#8707;Ada
    ∃
    Empty Sets&#8709;Set Kosong
    ∅
    Nabla&#8711;Nabla
    ∇
    Element Of&#8712;Elemen dari
    ∈
    Not An Element&#8713;Bukan Anggota
    ∉
    Contains As Member&#8715;Anggota
    ∋
    N-Ary Product&#8719;Produk N-Ary
    ∏
    N-Ary Summation&#8721;Penjumlahan N-Ary
    ∑
Demikian postingan saya kali ini, semoga berguna dan bermanfaat bagi kita semua. Kekurangan dan kesalahan saya mohon maaf, dan jika belum paham atau ingin bertanya berikanlah komentar dibawah. Atas kunjungannya saya ucapkan Terima Kasih.

Comments

Popular posts from this blog

Desain Konseptual dan Logical

Cara Mencetak Laporan dari Database di Java NetBeans

Contoh Database dengan XAMPP dan Java NetBeans