DeretCode|

Tips, Trik dan Tutorial
Seputar IT, Coding, Internet Marketing, Keahlian, Pendidikan, Hobi Dan Lainnya
Night :

Tutorial Lengkap Belajar Html # Menampilkan Karakter, Emoji Dan Simbol

advertisement
Menampilkan karakter, simbol dan emoji di html

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,
<span> A < B </span>
Karena akan terjadi konflik dengan kode tag. 
Dan kode yang benarnya adalah
<span> A &lt; B </span>
Dimana kode &lt; 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 &amp; atau &#38;
Berikut kode-kodenya simbol yang sudah saya kategorikan,

Karakter yang sering digunakan

Karakter Keterangan Kode Nama Kode Desimal
  Spasi &nbsp; &#160;
< Kurang dari &lt; &#60;
> Lebih dari &gt &#62;
& Symbol dan &amp; &#38;
' Kutip satu &apos; &#39;
" Kutip dua &quote; &#34;
© Simbol copyright &copy &#169;

Beberapa simbol matematika

Karakter Kode Nama Kode Desimal
&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 Mata uang

Karakter 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

Simbol panah

Karakter 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

Beberapa emoji

Karakter Kode Desimal Kode Hexadesimal
😀&#128512&#1F600
😁&#128513&#1F601
😂&#128514&#1F602
😃&#128515&#1F603
😄&#128516&#1F604
😅&#128517&#1F605
😆&#128518&#1F606
😇&#128519&#1F607
😈&#128520&#1F608
😉&#128521&#1F609
😊&#128522&#1F60A
😋&#128523&#1F60B
😌&#128524&#1F60C
😍&#128525&#1F60D
😎&#128526&#1F60E
😏&#128527&#1F60F
😐&#128528&#1F610
😑&#128529&#1F611
😒&#128530&#1F612
😓&#128531&#1F613
😔&#128532&#1F614
😕&#128533&#1F615
😖&#128534&#1F616
😗&#128535&#1F617
😘&#128536&#1F618
😙&#128537&#1F619
😚&#128538&#1F61A
😛&#128539&#1F61B
😜&#128540&#1F61C
😝&#128541&#1F61D
😞&#128542&#1F61E
😟&#128543&#1F61F
😠&#128544&#1F620
😡&#128545&#1F621
😢&#128546&#1F622
😣&#128547&#1F623
😤&#128548&#1F624
😥&#128549&#1F625
😦&#128550&#1F626
😧&#128551&#1F627
😨&#128552&#1F628
😩&#128553&#1F629
😪&#128554&#1F62A
😫&#128555&#1F62B
😬&#128556&#1F62C
😭&#128557&#1F62D
😮&#128558&#1F62E
😯&#128559&#1F62F
😰&#128560&#1F630
😱&#128561&#1F631
😲&#128562&#1F632
😳&#128563&#1F633
😴&#128564&#1F634
😵&#128565&#1F635
😶&#128566&#1F636
😷&#128567&#1F637


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.
advertisement



0 Komentar untuk " Tutorial Lengkap Belajar Html # Menampilkan Karakter, Emoji Dan Simbol"

Silahkan berkomentar dengan baik dan bijak!