HTML符号代码速查表

时间 2020-09-20 标签 html 符号代码速查表

HTML实体符号被用做实现保留字符（reserved characters）或者表达键盘没法输入的一些经常使用字符。在大多数浏览器中默认的字符集为ISO-8859-1。HTML实体符号使咱们在网页设计中常常用到的，下面作了整理，以备速查。html

HTML实体符号代码速查表 （提示：使用浏览器的前进后退键可在各选项卡浏览历史间切换；实体名称大小写敏感）浏览器

字符	实体名称	实体数字	描述
©	©	©	版权标志
\|		\|	竖线，经常使用做菜单或导航中的分隔符
·	·	·	圆点，有时被用来做为菜单分隔符
↑	↑	↑	上箭头，经常使用做网页“返回页面顶部”标识
€	€	€	欧元标识
²	²	²	上标2，数学中的平方，在数字处理中经常使用到，例如：1000²
½	½	½	二分之一
♥	&hearts;	♥	心型

字符	实体名称	实体数字	描述
			空格
&	&	&	and符号，与
"	"	"	引号
©	©	©	版权标志
®	®	»	注册标志
™	™		商标标志
“	“		左双引号
”	”		右双引号
‘	‘		作单引号
’	’		右单引号
«	«	«	左三角双引号
»	»	»	右三角双引号
‹	&lsaquo;	‹	左三角单引号
›	&rsaquo;	›	右三角单引号
§	§	§	章节标志
¶	¶	¶	段落标志
•	•		列表圆点（大）
·	·	·	列表圆点（中）
…	…	…	省略号
\|		\|	竖线
¦	¦	¦	断的竖线
–	–		短破折号
—	—		长破折号

字符	实体名称	实体数字	描述
¤	¤	¤	通常货币符号
$		$	美圆符号
¢	¢	¢	分
£	£	£	英镑
¥	¥	¥	日元
€	€	€	欧元

字符	实体名称	实体数字	描述
<	<	<	小于号
>	>	>	大于号
≤	≤	≤	小于等于号
≥	≥	≥	大于等于号
×	×	×	乘号
÷	÷	÷	除号
−	−	−	减号
±	±	±	加/减号
≠	≠	≠	不等于号
¹	¹	¹	上标1
²	²	²	上标2
³	³	³	上标3
½	½	½	二分之一
¼	¼	¼	四分之一
¾	¾	¾	四分之三
‰	&permil;	‰	千分率
°	°	°	度
√	√	√	平方根
∞	∞	∞	无限大

字符	实体名称		描述
←	←	←	左箭头
↑	↑	↑	上箭头
→	→	→	右箭头
↓	↓	↓	下箭头
↔	↔	↔	左右箭头
↵	&crarr;	↵	回车箭头
⌈	&lceil;	⌈	左上限
⌉	&rceil;	⌉	右上限
⌊	&lfloor;	⌊	左下限
⌋	&rfloor;	⌋	右下限

字符	实体名称	实体数字	描述
♠	&spades;	♠	黑桃
♣	&clubs;	♣	梅花
♥	&hearts;	♥	红桃，心
♦	&diams;	♦	方块牌
◊	&loz;	◊	菱形
†	&dagger;	†	匕首
‡	&Dagger;	‡	双剑号
¡	¡	¡	反向感叹号
¿	¿	¿	反向问号

出处：http://blog.sina.com.cn/s/blog_54475a4a0100y3dk.htmlide

=================================================================================spa

另外在给出一个HTML和CSS控制的符号代码,以下图:设计

样式	图标代码3d	样式	图标代码htm
★	<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.shtmlblog