Html 简明教程

HTML - Color Names

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

Color Name

Hex Value

Color

aqua

#00ffff

black

#000000

blue

#0000ff

fuchsia

#ff00ff

green

#008000

gray

#808080

lime

#00ff00

maroon

#800000

navy

#000080

olive

#808000

purple

#800080

red

#ff0000

silver

#c0c0c0

teal

#008080

white

#ffffff

yellow

#ffff00

还有其他颜色不属于 HTML 或 XHTML，但它们在大多数版本的主要浏览器中都受支持。

Color Name

Hex Value

Color

aliceblue

#f0f8ff

antiquewhite

#faebd7

aquamarine

#7fffd4

azure

#f0ffff

beige

#f5f5dc

bisque

#ffe4c4

blanchedalmond

#ffebcd

blueviolet

#8a2be2

brown

#a52a2a

burlywood

#deb887

cadetblue

#5f9ea0

chartreuse

#7fff00

chocolate

#d2691e

coral

#ff7f50

cornflowerblue

#6495ed

cornsilk

#fff8dc

crimson

#dc143c

cyan

#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

#00ced1

darkviolet

#9400d3

deeppink

#ff1493

deepskyblue

#00bfff

dimgray

#696969

dodgerblue

#1e90ff

firebrick

#b22222

floralwhite

#fffaf0

forestgreen

#228b22

gainsboro

#dcdcdc

ghostwhite

#f8f8ff

gold

#ffd700

goldenrod

#daa520

gray

#808080

greenyellow

#adff2f

honeydew

#f0fff0

hotpink

#ff69b4

indianred

#cd5c5c

indigo

#4b0082

ivory

#fffff0

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

#ffffe0

limegreen

#32cd32

linen

#faf0e6

magenta

#ff00ff

mediumblue

#0000cd

mediumorchid

#ba55d3

mediumpurple

#9370db

midnightblue

#191970

mistyrose

#ffe4e1

moccasin

#ffe4b5

oldlace

#fdf5e6

orange

#ffa500

orchid

#da70d6

peachpuff

#ffdab9

peru

#cd853f

pink

#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

tomato

#ff6347

violet

#ee82ee

wheat

#f5deb3

whitesmoke

#f5f5f5

yellow

#ffff00

yellowgreen

#9acd32

HTML Entities

在 HTML 中保留了一些字符，当在 HTML 文档中使用时，它们具有特殊含义。例如，你不能在 HTML 文本中使用大于和小于符号或尖括号，因为浏览器将以不同的方式处理它们，并将尝试绘制与 HTML 标记相关的含义。

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

Symbol

Description

Entity Name

Number Code

quotation mark

apostrophe

ampersand

less-than

greater-than

Example

如果你想将 <div id = "character"> 作为代码写入，那么你必须按如下方式写入 −

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

此代码将生成一个 div 标记，其中 id = character。

在 HTML 4.0 中还有一长串特殊字符。为了让这些字符出现在你的文档中，你可以使用数字代码或实体名称。例如，要插入版权符号，你可以使用以下任何一个 −

&copy; 2007
or
&#169; 2007

ISO 8859-1 Symbol Entities

Result

Description

Entity Name

Number Code

non-breaking space

inverted exclamation mark

currency

cent

pound

yen

broken vertical bar

section

spacing diaeresis

feminine ordinal indicator

angle quotation mark (left)

negation

soft hyphen

registered trademark

™

trademark

™

spacing macron

degree

plus-or-minus

superscript 2

superscript 3

spacing acute

micro

paragraph

middle dot

spacing cedilla

superscript 1

masculine ordinal indicator

angle quotation mark (right)

fraction 1/4

fraction 1/2

fraction 3/4

inverted question mark

multiplication

division

ISO 8859-1 Character Entities

Result

Description

Entity Name

Number Code

capital a, grave accent

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

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

Result

Description

Entity Name

Number 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

€