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