开发手册 欢迎您!
软件开发者资料库

HTML - 颜色名称

HTML颜色名称 - 学习HTML以简单简单的步骤开发您的网站,从基本概念到高级概念,包括概述,基本标签,元标签,属性,格式,短语标签,评论,字体,拼贴画,图像,链接,表格,框架,列表,布局,颜色,形式,背景,样式表,JavaScript。

下表显示了HTML 3.2 : 中引入的16种颜色名称;

颜色名称十六进制值颜色显示
aqua# 00ffff
演示
黑色#000000
演示
blue#0000ff
演示
fuchsia#ff00ff
演示
绿色#008000
演示
灰色#808080
演示
lime#00ff00
演示
maroon#800000
演示
navy#000080
演示
olive# 808000
演示
purple#800080
演示
red#ff0000
演示
silver#c0c0c0
演示
teal#008080
演示
white#ffffff
演示
黄色#fff00
演示

还有其他颜色可供选择不是HTML或XHTML的一部分,但主要浏览器的大多数版本都支持它们.

颜色名称十六进制值颜色显示
aliceblue#f0f8ff
演示
antiquewhite#faebd7
演示
海蓝宝石#7fffd4
演示
azure#f0ffff
演示
米色#f5f5dc
演示
bisque#ffe4c4
演示
blanchedalmond#ffebcd
演示
blueviolet#8a2be2
演示
brown#a52a2a
演示
burlywood#deb887
演示
cadetblue#5f9ea0
演示
黄绿色#7fff00
演示
chocolate#d2691e
演示
coral#ff7f50
演示
cornflowerblue#6495ed
演示
cornsilk#fff8dc
演示
crimson#dc143c
演示
青色#00ffff
演示
darkblue#00008b
演示
darkcyan#008b8b
演示
darkgoldenrod#b8860b
演示
darkgray# a9a9a9
演示
darkgreen#006400
演示
darkkhaki#bdb76b
演示
darkmagenta#8b008b
演示
darkolivegreen#556b2f
演示
darkorange#ff8c00
演示
darkorchid#9932cc
演示
darkred#8b0000
演示
darksalmon#e9967a
演示
darkseagreen#8fbc8f
演示
darkslateblue#483d8b
演示
darkslategray#2f4f4f
演示
darkturquoise#00ced 1
演示
darkviolet#9400d3
演示
deeppink#ff1493
演示
deepskyblue#00bfff
演示
dimgray#696969
演示
dodgerblue#1e90ff
演示
耐火砖#b22222
演示
floralwhite#ffiff0
演示
forestgreen#228b22
演示
gainsboro#dcdcdc
演示
ghostwhite#f8f8ff
演示
gold#ffd700
演示
goldenrod#daa520
演示
灰色#808080
演示
greenyellow#adff2f
演示
honeydew#f0fff0
演示
hotpink#ff69b4
indianred#cd5c5c
演示
indigo#4b0082
演示
象牙白#ffiff0
演示
khaki#f0e68c
演示
lavender#e6e6fa
演示
lavenderblush#fff0f5
演示
lawngreen#7cfc00
演示
lemonchiffon#fffacd
演示
lightblue#add8e6
演示
lightcoral#f08080
演示
lightcyan#e0ffff
演示
lightgoldenrodyellow#fafad2
演示
lightgreen#90ee90
演示
lightgrey#d3d3d3
演示
lightpink#ffb6c1
演示
lightsalmon#ffa07a
演示
lightseagreen#20b2aa
演示
lightskyblue#87cefa
演示
lightslategray#778899
演示
lightsteelblue#b0c4de
演示
lightyellow#ffiff0
演示
limegreen#32cd32
演示
亚麻#faf0e6
演示
magenta#ff00ff
演示
mediumblue#0000cd
演示
mediumorchid#ba5 5d3
演示
mediumpurple#9370db
演示
midnightblue#191970
演示
mistyrose#ffe4e1
演示
moccasin#ffe4b5
演示
oldlace#fdf5e6
演示
orange#ffa500
演示
orchid#da70d6
演示
peachpuff#ffdab9
演示
秘鲁#cd853f
演示
粉红色#ffc0cb
演示
plum#dda0dd
演示
purple#800080
演示
rosybrown#bc8f8f
演示
royalblue#4169e1
演示
salmon#fa8072
演示
sandybrown#f4a460
演示
seagreen#2e8b57
演示
sienna#a0522d
演示
skyblue#87ceeb
演示
slateblue#6a5acd
演示
steelblue#4682b4
演示
tan#d2b48c
演示
thistle#d8bfd8
演示
番茄#ff6347
紫色#ee82ee
演示
小麦#f5deb3
演示
whitesmoke#f5f5f5
演示
黄色#fff00
演示
yellowgreen#9acd32
演示

HTML实体

某些字符在HTML中保留,它们具有特殊含义用于HTML文档.例如,您不能在HTML文本中使用大于或小于标记或尖括号,因为浏览器会以不同方式对待它们,并尝试绘制与HTML标记相关的含义.

HTML处理器必须支持下表中列出的五个特殊字符.

符号描述实体名称数字代码
"引号& quot;"
'撇号 &'
&&符号& amp;&
<小于& lt;& #60;
>大于& ; gt;&#62;

示例

如果你想写< div id ="character">作为代码,那么你必须写如下 :

         HTML Entities            <div id = "character">   

这将产生以下结果 :

HTML 4.0中还有一长串特殊字符.为了使这些文档出现在您的文档中,您可以使用数字代码或实体名称.例如,要插入版权符号,您可以使用以下任一和减号;

© 2007or© 2007

ISO 8859-1符号实体

结果描述实体名称数字代码
 不间断空格& nbsp;&#160;
¡倒置感叹号& iexcl;&#161;
¤货币& curren;&#164;
¢cent& cent;&#162;
£& pound;&#163;
¥yen& yen;& #165;
¦损坏的竖线& brvbar;&#166;
§section& ; sect;&#167;
¨spacer diaeresis& uml;&#168;
©copyright& copy;&#169;
ª女性化序数指标& ordf;&#170;
«角度引号(左)& laquo;&#171;
¬否定& not;&#172;

soft hyphen& shy;&#173;
®注册商标方舟& reg;&#174;
商标& trade;& #8482;
¯spacer macron& macr;&#175;
°& deg;&#176;
±plus-or-minus & ; plusmn;&#177;
²上标2& sup2;&#178;
³上标3& sup3;&#179;
'间距急性& acute;&#180;
μmicro& micro;&# 181;
段落& para;& ;#182;
·中间点& middot;&#183;
¸间距cedilla& cedil;&#184;
¹上标1& sup1 ;&#185;
º男性序数指标& ordm;&#186;
»角度引号(右)& raquo;&#187;
¼分数1/4& frac14;&#188;
½分数1/2& frac12;&#189;
¾fracti on 3/4& frac34;&#190;
¿倒置问号& iquest;&#191;
×乘法& times;&#215;
÷division& divide;&#247;

ISO 8859-1字符实体

结果描述实体名称数字代码
À资本a,严重重音& Agrave;À
Ácapital a, acute accentÁÁ
Âcapital a, circumflex accentÂÂ
Ãcapital a, tildeÃÃ
Äcapital a, umlaut markÄÄ
Åcapital a, ringÅÅ
Æcapital aeÆÆ
Çcapital c, cedillaÇÇ
Ècapital e, grave accentÈÈ
Écapital e, acute accentÉ&am p;#201;
Êcapital e, circumflex accentÊÊ
Ëcapital e, umlaut markËË
Ìcapital i, grave accentÌÌ
Ícapital i, acute accentÍÍ
Îcapital i, circumflex accentÎÎ
Ïcapital i, umlaut markÏÏ
Ðcapital eth, IcelandicÐÐ
Ñcapital n, tildeÑÑ
Òcapital o, grave accentÒÒ
Ócapital o, acute accentÓÓ
Ôcapital o, circumflex accentÔÔ
Õcapital o, tildeÕÕ
Öcapital o, umlaut markÖÖ
Øcapital o, slashØØ
Ùcapital u, grave accentÙÙ
Úcapital u, acute accentÚÚ
Ûcapital u, circumflex accentÛÛ
Ücapital u, umlaut markÜÜ
Ýcapital y, acute accentÝÝ
Þcapital THORN, IcelandicÞÞ
ßsmall sharp s, Germanßß
àsmall a, grave accentàà
ásmall a, acute accentáá
âsmall a, circumflex accentââ
ãsmall a, tildeãã
äsmall a, umlaut markää
åsmall a, ringåå
æsmall aeææ
çsmall c, cedillaçç
èsmall e, grave accentèè
ésmall e, acute accentéé
êsmall e, circumflex accentêê
ësmall e, umlaut markëë
ìsmall i, grave accentìì
ísmall i, acute accentíí
îsmall i, circumflex accentîî
ïsmall i, umlaut markïï
ðsmall eth, Icelandicðð
ñsmall n, tildeññ
òsmall o, grave accentòò
ósmall o, acute accentóó
ôsmall o, circumflex accentôô
õsmall o, tildeõõ
ösmall o, umlaut marköö
øsmall o, slashøø
ùsmall u, grave accentùù
úsmall u, acute accentúú

small u, circumflex accentûû
üsmall u, umlaut marküü
ýsmall y, acute accentýý
þsmall thorn, Icelandicþþ
ÿsmall y, umlaut markÿÿ

Other Entities Supported by HTML Browsers

$b$ b$b $b

ResultDescriptionEntity NameNumber Code
Œcapital ligature OEŒŒ
œsmall ligature oeœœ
Šcapital S with caronŠŠ
šsmall S with caronšš
Ÿcapital Y with diaeresŸŸ
ˆmodifier letter circumflex accentˆˆ
˜small tilde˜˜
en space
em space
thin space
zero width non-joiner
zero width joiner
left-to-right mark
right-to-left mark
en dash
em dash
left single quotation mark
right single quotation mark
single low-9 quotation mark
"left double quotation mark
"right double quotation mark
double low-9 quotation mark
dagger
double dagger
horizontal ellipsis
per mille 
single left-pointing angle quotation
single right-pointing angle quotation
euro