Kumpulan Code HTML Character dan Simbol Khusus Dalam Dunia Desain Web

SPOTROID - Kode HTML untuk menambahkan simbol karakter. Kode-kode Html khusus yang akan spot jelaskan dibawah nanti adalah untuk menambahkan karakter atau simbol-simbol khusus.

Dalam desain web/blog simbol HTML tersebutkan di bawah memang dibutuhkan seperti pada kasus cara & tips, agar benar dan tidak terjadi eror dalam template maka sobat mestilah menulisnya dengan format seperti ini:

cara & tips

Hai sobat: Parse HTML dan bisa juga disini.

Perhatikan yang teks italic (teks miring). Dalam HTML penulisan yang benar adalah seperti itu, agar dapat bekerja dengan benar dan tidak terjadi eror ketika dijalankan dalam file HTML.

SYMBOL CHARACTER HTML

character symbol html

KODE SIMBOL KARAKTER HTML
BAGIAN 1
Nomor Karakter Huruf Angka
01 & & "
02 " " "
03 ' ' '
04 < &lt; &#60;
05 > &gt; &#62;
06   &nbsp; &#160;
07 ¡ &iexcl; &#161;
08 ¢ &cent; &#162;
09 £ &pound; &#163;
10 ¤ &curren; &#164;
11 ¥ &yen; &#165;
12 ¦ &brvbar; &#166;
13 § &sect; &#167;
14 ¨ &uml; &#168;
15 © &copy; &#169;
16 ª &ordf; &#170;
17 « &laquo; &#171;
18 ¬ &not; &#172;
19 ­ &shy; &#173;
20 ® &reg; &#174;
21 ¯ &macr; &#175;
22 ° &deg; &#176;
23 ± &plusmn; &#177;
24 ² &sup2; &#178;
25 ³ &sup3; &#179;
26 ´ &acute; &#180;
27 µ &micro; &#181;
28 &para; &#182;
29 · &middot; &#183;
30 ¸ &cedil; &#184;
31 » &raquo; &#187;
32 ¾ &frac34; &#190;
33 × &times; &#215;
34 ÷ &divide; &#247;
35 ½ &frac12; &#189;
36 ¿ &iquest; &#191;
37 ¼ &frac14; &#188;
38 º &ordm; &#186;
39 ¹ &sup1; &#185;
BAGIAN 2
40&forall;&#8704;
41&part;&#8706;
42&exist;&#8707;
43&empty;&#8709;
44&nabla;&#8711;
45&isin;&#8712;
46&notin;&#8713;
47&ni;&#8715;
48&prod;&#8719;
49&sum;&#8721;
50&minus;&#8722;
51&lowast;&#8727;
52&radic;&#8730;
53&prop;&#8733;
54&infin;&#8734;
55&ang;&#8736
56&and;&#8743;
57&or;&#8744;
58&cap;&#8745;
59&cup;&#8746;
60&perp;&#8869;
61&int;&#8747;
62&there4;&#8756;
63&otimes;&#8855;
64&sim;&#8764;
65&cong;&#8773;
66&asymp;&#8776;
67&le;&#8804;
68&ge;&#8805;
69&nsub;&#8836;
70&sube;&#8838;
71&supe;&#8839;
72&oplus;&#8853;
73&sup;&#8835;
74&sub;&#8834;
75&equiv;&#8801;
76&ne;&#8800;
77&sdot;&#8901;
BAGIAN 3
78Œ&OElig;&#338;
79œ&oelig;&#339;
80 Š &Scaron; &#352;
81 š &scaron; &#353;
82 Ÿ &Yuml; &#376;
83 ƒ &fnof; &#402;
84 ˆ &circ; &#710;
85 ˜ &tilde; &#732;
86 &ensp; &#8194;
87 &emsp; &#8195;
88 &thinsp; &#8201;
89 &zwnj; &#8204;
90 &zwj; &#8205;
91 &trade; &#8482;
92 &euro; &#8364;
93 &oline; &#8254;
94 &rsaquo; &#8250;
95 &lsaquo; &#8249;
96 &Prime; &#8243;
97 &lrm; &#8206;
98 &rlm; &#8207;
99 &ndash; &#8211;
100 &mdash; &#8212;
101 &lsquo; &#8216;
102 &rsquo; &#8217;
103 &sbquo; &#8218;
104 &ldquo; &#8220;
105 &rdquo; &#8221;
106 &bdquo; &#8222;
107 &Dagger; &#8225;
108 &bull; &#8226;
109 &hellip; &#8230;
110 &permil; &#8240;
111 &prime; &#8242;
112 &larr; &#8592;
113 &uarr; &#8593;
114 &rarr; &#8594;
115 &darr; &#8595;
116 &harr; &#8596;
117 &crarr; &#8629;
118 &lceil; &#8968;
119 &rceil; &#8969;
120 &lfloor; &#8970;
121 &rfloor; &#8971;
122 &loz; &#9674;
123 &spades; &#9824;
124 &clubs; &#9827;
125 &hearts; &#9829;
126 &diams; &#9830;

Penulisannya dalam artikel postingan blog mungkin 'YA' bisa di tafsir seperti apa adanya sesuai dengan yang diketik. Misalkan kita menulis karakter dan yang terlihat nanti juga demikian, sama seperti yang kita ketik. Namun, perlu diingat tidak semua akan berjalan sempurna.

Nah jika dalam format Edit HTML template blog tidak bisa diterapkan seperti cara tersebutkan diatas, karena pada saat menyimpan hasil editan template blog kita nanti akan terjadi kesalahan "error".

Agar editan template dapat disimpan, perlu sobat ingat bahwa ketika kita melakukan edit template dan memasukkan salah satu atau beberapa karakter simbol maka harus mengetiknya dengan kode simbol HTML yang telah di parse.

Sobat yang belum bisa parse manual, bisa menggunakan layanan Parse HTML otomatis di salah satu situs Parse HTML Online, silakan sobat mengunjungi halaman Parse HTML gratis.

Contoh: apabila kita ingin memasukkan simbol ♣ dalam template, maka penulisannya harus ketik kode seperti ini &clubs; agar tidak terjadi kesalahan dan simbolnya dapat muncul di blog/web yang sobat edit.

Terimakasih & semoga dapat bermanfaat bagi sobat SpotLover's yang sengkira membutuhkannya.

Salam sukses...
BLOG: Awak Blang Awe

YUK IKUTAN BERPARTISIPASI
Anda suka dengan artikel di atas? Bagikan!
Dengan 1x Anda membagikan artikel blog ini, artinya Anda telah ikut serta dalam menunjang berkembangnya blog "Spot Teknologi Android". Sekecil apapun usaha partisipasi Anda sangat berarti bagi blog ini, terimakasih.