cara menampilkan symbol dan karakter html

beberapa hari trakhir saya tidak memposting artikel, alasanya ialah karena saya
sedang total dulu ke worpess, alias hal-hal lain selain worpress dilupakan dulu
:), sorry ya teman. nah sekarang ini saya memiliki sedikit waktu, di waktu yang
berharga  ini saya akan membahas sedikit tentang karakter html, sumber artikel kali
ini berasal dari w3schol.com(saya belajar html, css, xml, javascript, php, sql,
di sana). berikut adalah beberapa karakter html yang dapal anda tampilkan di
blog dan website.

Karakter	kode
"	"
&	&
<	&lt;
>	&gt;
€	&euro;
Spasi	&nbsp;
Á	&Aacute;
á	&aacute;
Â	&Acirc;
â	&acirc;
´	&acute;
Æ	&AElig;
æ	&aelig;
À	&Agrave;
à	&agrave;
Å	&Aring;
Ã	&Atilde;
ã	&atilde;
Ä	&Auml;
ä	&auml;
∀	&forall;
¦	&brvbar;
Ç	&Ccedil;
ç	&ccedil;
¸	&cedil;
¢	&cent;
ˆ	&circ;
©	&copy;
¤	&curren;
°	&deg;
÷	&divide;
É	&Eacute;
é	&eacute;
Ê	&Ecirc;
ê	&ecirc;
È	&Egrave;
è	&egrave;
Ð	&ETH;
ð	&eth;
Ë	&Euml;
ë	&euml;
€	&euro;
Ë	&Euml;
½	&frac12;
¼	&frac14;
¾	&frac34;
Í	&Iacute;
í	&iacute;
Î	&Icirc;
î	&icirc;
¡	&iexcl;
Ì	&Igrave;
ì	&igrave;
¿	&iquest;
Ï	&Iuml;
ï	&iuml;
«	&laquo;
¯	&macr;
µ	&micro;
·	&middot;
¬	&not;
Ñ	&Ntilde;
ñ	&ntilde;
Ó	&Oacute;
ó	&oacute;
Ô	&Ocirc;
ô	&ocirc;
Œ	&OElig;
œ	&oelig;
Ò	&Ograve;
ò	&ograve;
ª	&ordf;
º	&ordm;
Ø	&Oslash
ø	&oslash;
Õ	&Otilde;
õ	&otilde;
Ö	&Ouml;
ö	&ouml;
¶	&para;
±	&plusmn;
£	&pound;
»	&raquo;
®	&reg;
ƒ	&fnof;
Š	&Scaron;
š	&scaron;
§	&sect;
­	&shy;
¹	&sup1;
²	&sup2;
³	&sup3;
ß	&szlig;
Þ	&THORN;
þ	&thorn;
˜	&tilde;
×	&times;
Ú	&Uacute;
ú	&uacute;
Û	&Ucirc;
û	&ucirc;
Ù	&Ugrave;
ù	&ugrave;
¨	&uml
Ü	&Uuml;
ü	&uuml;
Ý	&Yacute;
ý	&yacute;
¥	&yen;
Ÿ	&Yuml;
ÿ	&yuml;
	&ensp
‌	&zwnj;
‍	&zwj;
–	&ndash;
‘	&lsquo;
’	&rsquo;
‚	&sbquo;
“	&ldquo;
”	&rdquo;
„	&bdquo;
‹	&lsaquo;
›	&rsaquo;
†	&dagger;
‡	&Dagger;
‰	&permil;
•	&bull;
…	&hellip;
″	&Prime;
′	&prime;
‾	&oline;
⁄	&frasl;
™	&trade;
∂	&part;
∏	&prod;
−	&minus;
√	&radic
∞	&infin;
∫	&int;
≈	&asymp;
≠	&ne;
≤	&le;
≥	&ge;
◊	&loz;
Α	&Alpha;
α	&alpha;
Β	&Beta;
β	&beta;
Γ	&Gamma;
γ	&gamma;
Δ	&Delta;
δ	&delta;
Ε	&Epsilon;
ε	&epsilon;
Ζ	&Zeta;
ζ	&zeta;
Η	&Eta;
η	&eta;
Θ	&Theta;
θ	&theta;
Ι	&Iota;
ι	&iota;
Κ	&Kappa;
κ	&kappa;
Ε	&Epsilon;
Λ	&Lambda;
λ	&lambda;
Μ	&Mu;
μ	&mu;
Ν	&Nu;
ν	&nu;
Ξ	&Xi;
ξ	&xi;
Ο	&Omicron;
Π	&Pi;
π	&pi;
Ρ	&Rho;
ρ	&rho;
Σ	&Sigma;
σ	&sigma;
ς	&sigmaf;
Τ	&Tau;
τ	&tau;
Υ	&lambda;
Φ	&Phi;
φ	&phi;
Χ	&Chi;
Ψ	&Psi;
ψ	&psi;
Ω	&Omega;
ω	&omega;

anda juga dapat merubah tampilan karakter-karakter di atas, misal merubah ukuran, warna,
underline, overline, strike, italic, tebal, kedip ; berikut contohnya;

• ukuran
  
  • tampilan
    
    • 
      β
      
      β
      
      β
      
      β
      
      β
      
      β
      
      β
      
      β
      
  • kode
    • <span style="font-size: 200px; font-weight:none">
      
      &#946;</span>
  • ket
    
    • ket* 200px adalah ukuran, anda dapat merubahnya angkanya dari 1(satu) sampai
      keinginan, atau hapus font-size: 200px; jika ingin ukuran normal
• merubah warna
  • tampilan
    
    • 
      β
      
      β
      
      β
      
      β
  • kode
    • <span style="font-size:
      200px; font-weight:none; color:blue;">
      
      &#946;</span>
  • ket
    
    • 
      ket* color:blue; adalah pengaturan warna, anda dapat merubahnya misal, red,
      pink, lime, green, ataupun dengan code wana hexa, hapus color:blue; jika ingin
      warna default
• tebal
  • tampilan
    
    • 
      β
  • kode
    • <span
      style="font-size: 200px; font-weight:bold; color:blue;">
      
      &#946;</span>
  • ket
    
    • ket* hapus font-weight:bold; untuk font normal
• italic/miring
  • tampilan
    
    • 
      β
      
  • kode
    • <span style="font-size: 200px; color:blue; font-style:italic">
      
      &#946;</span>
      
  • ket
    
    • ket* font-style:italic adalah style, ubah italic menjadi none untuk
      text default atau hapus font-style:italic
• 
  underline/garisnawah
  • tampilan
    
    • 
      
      β
  • kode
    • <span
      style="font-size: 200px; color:blue; text-decoration:underline;">
      
      &#946;</span>
  • ket
    
    • ket* text-decoration:undrline; adalah style, ubah underline menjadi none
      untuk text default atau hapus text-decoration:underline;
• overline/garis atas
  • tampilan
    
    • 
      β
  • kode
    • <span style="font-size: 200px; color:blue; text-decoration:overline;">
      
      &#946;</span>
  • ket
    
    • 
      ket* text-decoration:overline; adalah style, ubah overline menjadi none untuk
      text default atau hapus text-decoration:overline;
• 
  blink/kedip-kedip
  • tampilan
    
    • 
      
      β
  • kode
    • <span
      style="font-size: 200px; color:blue; text-decoration:blink;"> &#946;</span>
      
  • ket
    
    • ket* text-decoration:blink; adalah style, ubah blink menjadi none untuk text
      default atau hapus text-decoration:blink;
• 
  strike/coret
  • tampilan
    
    • 
      
      β
  • kode
    • <span style="font-size: 200px; color:blue;"><s>
      
      &#946;</s></span>
      
  • ket
    
    • ket* </s> dan </s> adalah html kodenya, hapus </s>
      dan </s> untuk font normal.

sedikt tambahan

saya menggunakan inline style untuk tampilan diatas, namun anda juga dapat
mengabungkannya dengan html standart, contoh;

• gabungan style dan html
  
  • tampilan
    
    • 
      
      β
      
  • kode
    • <b><i><u><blink>
      
      <span style="font-size: 200px; color:blue;">
      
      &#946;</span>
      
      
      </blink></u></i></b>
      
      
  • ket
    
    • ket* text hijau adalah kode html, text biru adalah
      inline style, text warna merah adalah kode karakter, agar
      garis bawahya berwarna biru, pindahkan <u> dan </u>
      diantara kode karakter  <u>&#946;</u>

semoga bermanfaat, sumber w3 scholl.

Ditulis oleh intheamwhy pada Minggu, Januari 10, 2010