Mode Malam
| Mode Tampilan
Penulis : admin

Home / Programming / Tutorial Lengkap Belajar Html # Menampilkan Karakter Dan Simbol
Tutorial Lengkap Belajar Html # Menampilkan Karakter Dan Simbol

Tutorial Lengkap Belajar Html # Menampilkan Karakter Dan Simbol


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,

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 &amp; atau &#38;.

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] &nbsp; &#160;
< &lt; &#60;
&le; &#2264;
> &gt; &#63;
&ge; &#2265;
& &amp; &#38;
' &apos; &#39;
" &quote; &#34;
© &copy; &#169;
&lsaquo; &#8249;
&rsaquo; &#8250;

Simbol-Simbol Matematika

Karakter Kode Nama Kode Nomor
&empty; &#8709;
&lowast; &#8727;

&nabla; &#8711;
&minus; &#8722;

&isin; &#8712;

&notin; &#8713;

&or; &#8744;
&equiv; &#8801;
&ni; &#8715;
&infin; &#8734;

&prod; &#8719;
&cap; &#8745;

&sum; &#8721;
&radic; &#8730;
&le; &#8804;

&prop; &#8733;

&forall; &#8704;

&ang; &#8736;

&and; &#8743;

&part; &#8706;

&int; &#8747;

&there4; &#8756;

&exist; &#8707;

&sim; &#8764;

&cong; &#8773;

&asymp; &#8776;

&ne; &#8800;

&ge; &#8805;

&sub; &#8834;

&sup; &#8835;

&nsub; &#8836;

&sube; &#8838;

&supe; &#8839;

&oplus; &#8853;

&otimes; &#8855;

&perp; &#8869;

&sdot; &#8901;

Simbol Panah

Simbol Kode Desimal Kode Hexadesimal
&#8592; &#2190;

&#8593; &#2191;

&#8594; &#2192;

&#8595; &#2193;

&#8596; &#2194;

&#8597; &#2195;

&#8598; &#2196;

&#8599; &#2197;

&#8600; &#2198;

&#8601; &#2199;

&#8602; &#219A;

&#8603; &#219B;

&#8604; &#219C;

&#8605; &#219D;

&#8606; &#219E;

&#8607; &#219F;

&#8608; &#21A0;

&#8609; &#21A1;

&#8610; &#21A2;

&#8611; &#21A3;

&#8612; &#21A4;

&#8613; &#21A5;

&#8614; &#21A6;

&#8615; &#21A7;

&#8616; &#21A8

&#8617; &#21A9;

&#8618; &#21AA;

&#8619; &#21AB;

&#8620; &#21AC;

&#8621; &#21AD;

&#8622; &#21AE;

&#8623; &#21AF;

&#8624; &#21B0;

&#8625; &#21B1;

&#8626; &#21B2;

&#8627; &#21B3;

&#8628; &#21B4;

&#8629; &#21B5;

&#8630; &#21B6;

&#8631; &#21B7;

&#8632; &#21B8;

&#8633; &#21B9;

&#8634; &#21BA;

&#8635; &#21BB;

&#8636; &#21BC;
&#8637; &#21BD;
&#8638; &#21BE;
&#8639; &#21BF;
&#8640; &#21C0;

&#8641; &#21C1;

&#8642; &#21C2;

&#8643; &#21C3;

&#8644; &#21C4;

&#8645; &#21C5;

&#8646; &#21C6;
&#8647; &#21C7;
&#8648; &#21C8;
&#8649; &#21C9;

&#8650; &#21CA;

&#8651; &#21CB;

&#8652; &#21CC;
&#8653; &#21CD;
&#8654; &#21CE;
&#8655; &#21CF;
&#8656; &#21D0;
&#8657; &#21D1;
&#8658; &#21D2;
&#8659; &#21D3;

&#8660; &#21D4;

&#8661; &#21D5;

&#8662; &#21D6;
&#8663; &#21D7;
&#8664; &#21D8;;
&#8665; &#21D9;

&#8666; &#21DA;

&#8667; &#21DB;

&#8668; &#21DC;
&#8669; &#21DD;
&#8670; &#21DE;
&#8671; &#21DF;
&#8672; &#21E0;
&#8673; &#21E1;
&#8674; &#21E2;
&#8675; &#21E3;
&#8676; &#21E4;
&#8677; &#21E5;

&#8678; &#21E6;

&#8679; &#21E7;

&#8680;; &#21E8;
&#8681 &#21E9;
&#8682; &#21EA;
&#8683; &#21EB;
&#8684; &#21EC;

&#8685; &#21ED;

&#8686; &#21EE;

&#8687; &#21EF;

&#8688; &#21F0;;

&#8689; &#21F1

&#8690; &#21F2;

&#8691; &#21F3;

&#8692; &#21F4;

&#8693; &#21F5;

&#8694; &#21F6;

&#8695; &#21F7;

&#8696; &#21F8;

&#8697; &#21F9;

&#8698 &#21FA;
&#8699; &#21FB;
&#8700; &#21FC;
&#8701; &#21FD;
&#8702; &#21FE;
&#8703; &#21FF;

Simbol Mata Uang

Simbol Kode Desimal Kode Hexadesimal
&#8356; &#20A4;
&#8357; &#20A5;
&#8358; &#20A6;
&#8360; &#20A8;
&#8363; &#20AB;
&#8359; &#20A7;
&#8365; &#20AD;
&#8361; &#20A9;
&#8352; &#20A0;
&#8370; &#20B2;
&#8371; &#20B3;
&#8382; &#20BE;
&#8362; &#20AA;
&#8379; &#20BB;
&#8353; &#20A1;
&#8378; &#20BA;
&#8366; &#20AE;
&#8374; &#20B6;
&#8367; &#20AF;
&#8381; &#20BD;

&#8368; &#20B0;

&#8354; &#20A2;

&#8369; &#20B1;

&#8372; &#20B4;
&#8355; &#20A3;
&#8373; &#20B5;
&#8375; &#20B7;
&#8376; &#20B8;

&#8364;
&#20AC;

&#8377;
&#20B9;

&#8380;
&#20BC;

&#8383; &#20BF;

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.

Tags: #html #symbol #character
Bagikan :

Komentar:

Silahkan berkomentar dengan baik dan bijak!

Name * :
Email :
Website :
Comment :


This website uses cookies to ensure you get the best experience on our website

learn more