HTML符號代碼速查表

HTML實體符號被用做實現保留字符（reserved characters）或者表達鍵盤沒法輸入的一些經常使用字符。在大多數瀏覽器中默認的字符集爲ISO-8859-1。HTML實體符號使咱們在網頁設計中常常用到的，下面作了整理，以備速查。

HTML實體符號代碼速查表 （提示：使用瀏覽器的前進後退鍵可在各選項卡瀏覽歷史間切換；實體名稱大小寫敏感）

字符	實體名稱	實體數字	描述
©	©	©	版權標誌
|		|	豎線，經常使用做菜單或導航中的分隔符
·	·	·	圓點，有時被用來做爲菜單分隔符
↑	↑	↑	上箭頭，經常使用做網頁「返回頁面頂部」標識
€	€	€	歐元標識
²	²	²	上標2，數學中的平方，在數字處理中經常使用到，例如：1000²
½	½	½	二分之一
♥	♥	♥	心型

字符	實體名稱	實體數字	描述
	 	 	空格
&	&	&	and符號，與
"	"	"	引號
©	©	©	版權標誌
®	®	»	註冊標誌
™	™	™	商標標誌
「	“	“	左雙引號
」	”	”	右雙引號
‘	‘	‘	作單引號
’	’	’	右單引號
«	«	«	左三角雙引號
»	»	»	右三角雙引號
‹	‹	‹	左三角單引號
›	›	›	右三角單引號
§	§	§	章節標誌
¶	¶	¶	段落標誌
•	•	•	列表圓點（大）
·	·	·	列表圓點（中）
…	…	…	省略號
|		|	豎線
¦	¦	¦	斷的豎線
–	–	–	短破折號
—	—	—	長破折號

字符	實體名稱	實體數字	描述
¤	¤	¤	通常貨幣符號
$		$	美圓符號
¢	¢	¢	分
£	£	£	英鎊
¥	¥	¥	日元
€	€	€	歐元

字符	實體名稱	實體數字	描述
<	&lt;	&#60;	小於號
>	&gt;	&#62;	大於號
≤	&le;	&#8804;	小於等於號
≥	&ge;	&#8805;	大於等於號
×	&times;	&#215;	乘號
÷	&divide;	&#247;	除號
−	&minus;	&#8722;	減號
±	&plusmn;	&#177;	加/減 號
≠	&ne;	&#8800;	不等於號
¹	&sup1;	&#185;	上標1
²	&sup2;	&#178;	上標2
³	&sup3;	&#179;	上標3
½	&frac12;	&#189;	二分之一
¼	&frac14;	&#188;	四分之一
¾	&frac34;	&#190;	四分之三
‰	&permil;	&#8240;	千分率
°	&deg;	&#176;	度
√	&radic;	&#8730;	平方根
∞	&infin;	&#8734;	無限大

字符	實體名稱		描述
←	←	←	左箭頭
↑	↑	↑	上箭頭
→	→	→	右箭頭
↓	↓	↓	下箭頭
↔	↔	↔	左右箭頭
↵	↵	↵	回車箭頭
⌈	⌈	⌈	左上限
⌉	⌉	⌉	右上限
⌊	⌊	⌊	左下限
⌋	⌋	⌋	右下限

字符	實體名稱	實體數字	描述
♠	♠	♠	黑桃
♣	♣	♣	梅花
♥	♥	♥	紅桃，心
♦	♦	♦	方塊牌
◊	◊	◊	菱形
†	†	†	匕首
‡	‡	‡	雙劍號
¡	¡	¡	反向感嘆號
¿	¿	¿	反向問號

 

出處：http://blog.sina.com.cn/s/blog_54475a4a0100y3dk.html

=================================================================================

另外在給出一個HTML和CSS控制的符號代碼,以下圖:

樣式 圖標代碼 樣式 圖標代碼 ★ <font size=5 color=#ff0033>★</font> ☆ <font size=5 color=#ff0033>☆</font> ⊙ <font size=5 color=#ff0033>⊙</font> ● <font size=5 color=#ff0033>●</font> 卐 <font size=5 color=#000000>卐</font> ▓ <font size=5 color=#000000>▓</font> ◆ <font size=5 color=#000000>◆</font> ≈ <font size=5 color=#000000>≈</font> ∴ <font size=5 color=#000000>∴</font> ◎ <font size=5 color=#000000>◎</font> j <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">j</FONT> h <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">h</FONT> a <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">a</FONT> V <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">V</FONT> w <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">w</FONT> ! <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">!</FONT> & <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">&</FONT> " <FONT FACE=" Webdings" SIZE="+<font size=5 color=#000000>?</font> 2" COLOR="#000000">"</FONT> H <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">H</FONT> U <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">U</FONT> J <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">J</FONT> L <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">L</FONT> b <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">b</FONT> e <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">e</FONT> p <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">p</FONT> O <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">O</FONT> % <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">%</FONT> v <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">v</FONT> f <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">f</FONT> N <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">N</FONT> ! <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">!</FONT> " <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">"</FONT> # <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">#</FONT> $ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">$</FONT> % <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">%</FONT> & <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">&</FONT> ' <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">'</FONT> ( <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">(</FONT> ) <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">)</FONT> * <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">*</FONT> + <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">+</FONT> , <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">,</FONT> - <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">-</FONT> . <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">.</FONT> / <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">/</FONT> 0 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">0</FONT> 1 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">1</FONT> 2 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">2</FONT> 3 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">3</FONT> 4 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">4</FONT> 5 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">5</FONT> 6 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">6</FONT> 7 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">7</FONT> 8 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">8</FONT> 9 <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">9</FONT> : <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">:</FONT> ; <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">;</FONT> < <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000"><</FONT> = <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">=</FONT> > <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">></FONT> ? <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">?</FONT> @ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">@</FONT> A <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">A</FONT> B <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">B</FONT> C <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">C</FONT> D <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">D</FONT> E <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">E</FONT> F <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">F</FONT> G <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">G</FONT> H <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">H</FONT> I <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">I</FONT> J <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">J</FONT> K <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">K</FONT> L <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">L</FONT> M <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">M</FONT> N <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">N</FONT> O <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">O</FONT> P <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">P</FONT> Q <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">Q</FONT> R <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">R</FONT> S <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">S</FONT> T <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">T</FONT> U <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">U</FONT> V <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">V</FONT> W <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">W</FONT> X <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">X</FONT> Y <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">Y</FONT> Z <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">Z</FONT> [ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">[</FONT> ] <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">]</FONT> ^ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">^</FONT> _ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">_</FONT> ` <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">`</FONT> a <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">a</FONT> b <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">b</FONT> c <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">c</FONT> d <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">d</FONT> e <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">e</FONT> f <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">f</FONT> g <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">g</FONT> h <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">h</FONT> i <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">i</FONT> j <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">j</FONT> k <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">k</FONT> l <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">l</FONT> m <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">m</FONT> n <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">n</FONT> o <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">o</FONT> p <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">p</FONT> q <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">q</FONT> r <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">r</FONT> s <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">s</FONT> t <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">t</FONT> u <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">u</FONT> v <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">v</FONT> w <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">w</FONT> x <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">x</FONT> y <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">y</FONT> z <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">z</FONT> { <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">{</FONT> | <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">|</FONT> } <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">}</FONT> ~ <FONT FACE=" Wingdings" SIZE="+2" COLOR="#000000">~</FONT> ? <FONT FACE="symbol" SIZE="+2" color="#000000">?</font> q <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">q</FONT> x <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">x</FONT> r <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">r</FONT> y <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">y</FONT> s <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">s</FONT> z <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">z</FONT> ? <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">?</FONT> o <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">o</FONT> 3 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">3</FONT> 4   <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">4</FONT> 5 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">5</FONT> 6 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">6</FONT> 7 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">7</FONT> 8 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">8</FONT> 9 <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">9</FONT> ~ <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">~</FONT> [ <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">[</FONT> ] <FONT FACE=" Webdings" SIZE="+2" COLOR="#000000">]</FONT>

 

出處：http://www.360doc.com/content/12/0830/17/2519393_233231527.shtml