选择显示字体大小

html语言剖析(6)

例子二:

原始码<marquee behavior=slide>this is a slide effect</marquee>
显示结果
this is a slide effect

例子三:

原始码<marquee behavior=alternate>撞来撞去,啊!我昏啦</marquee>
显示结果
撞来撞去,啊!我昏啦

例子四:

原始码<marquee scrolldelay=5 scrollamount=50>哗!!太快了,我又昏啦</marquee>
显示结果
哗!!太快了,我又昏啦

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" height="30" width="150" hspace="0" vspace="0" loop="infinite" scrollamount="30" scrolldelay="500">hello</marquee>

■ <blink> :
▲top
<blink> 是令文字闪烁,只适用於 nc,用法直接,没有参数。看看例子便知:

例子:

原始码<blink>我是天上星,闪又闪</blink>
显示结果
我是天上星,闪又闪

■ <isindex> :
▲top
<isindex> 可让某些 web server 找寻网页内的关键字,假如你的 web server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <head> 标记内的,但把它放在 <body> 标记内亦不见有问题,请记住,3w 以反对此标记。

例子:

原始码<isindex>
显示结果

可以搜索该索引。请键入要搜索的关键字:

■ <meta> :
▲top
<meta> 是放於 <head> 与 </head>之间的标记,功用与变化等对,所以我公式化地介 绍。
■ <link> :
▲top
<link> 用来将目前文件与其它 url 作连结,但不会有连结按钮,用於 <head> 标记间, 格式如下:
<link href="url" rel="relationship">
<link href="url" rev="relationship">

其用法我们会於 style sheet 一节详细介绍

 

特殊字符

只要你认识了 html 标记,你便会知道特殊字符的用处。
html 原始码显示结果描述
&lt;<小於号或显示标记
&gt;>大於号或显示标记
&amp;&可用於显示其它特殊字符
&quot;"引号
&reg;&reg;己注册
&copy;&copy;版权
&trade;&#8482;商标
&ensp; 半方大的空白
&emsp; 全方大的空白
&nbsp; 不断行的空白
■ iso latin-1 特殊字符 :
html 原始码显示结果描述
&aelig;&aelig;uppercase ae diphthing
&aacute;&aacute;uppercase a, acute accent
&acirc;&acirc;uppercase a, circumflex accent
&agrave;&agrave;uppercase a, grave accent
&aring;&aring;uppercase a, ring
&atilde;&atilde;uppercase a, tilde
&auml;&auml;uppercase a, dieresis or umlaut mark
&ccedil;&ccedil;uppercase c, cedilla
&eth;&eth;uppercase eth, icelandic
&eacute;&eacute;uppercase e, acute accent
&ecirc;&ecirc;uppercase e, circumflex accent
&egrave;&egrave;uppercase e, grave accent
&euml;&euml;uppercase e, dieresis or umlaut mark
&iacute;&iacute;uppercase i, acute accent
&icirc;&icirc;uppercase i, circumflex accent
&igrave;&igrave;uppercase i, grave accent
&iuml;&iuml;uppercase i, dieresis or umlaut mark
&ntilde;&ntilde;uppercase n, tilde
&oacute;&oacute;uppercase o, acute accent
&ocirc;&ocirc;uppercase o, circumflex accent
&ograve;&ograve;uppercase o, grave accent
&oslash;&oslash;uppercase o, slash
&otilde;&otilde;uppercase o, tilde
&ouml;&ouml;uppercase o, dieresis or umlaut mark
&thorn;&thorn;uppercase thorn, icelandic
&uacute;&uacute;uppercase u, acute accent
&ucirc;&ucirc;uppercase u, circumflex accent
&ugrave;&ugrave;uppercase u, grave accent
&uuml;&uuml;uppercase u, dieresis or umlaut mark
&yacute;&yacute;uppercase y, acute accent
&aelig;&aelig;lowercase ae diphthing
&aacute;álowercase a, acute accent
&acirc;&acirc;lowercase a, circumflex accent
&agrave;àlowercase a, grave accent
&aring;&aring;lowercase a, ring
&atilde;&atilde;lowercase a, tilde
&auml;&auml;lowercase a, dieresis or umlaut mark
&ccedil;&ccedil;lowercase c, cedilla
&eth;&eth;lowercase eth, icelandic
&eacute;élowercase e, acute accent
&ecirc;êlowercase e, circumflex accent
&egrave;èlowercase e, grave accent
&euml;&euml;lowercase e, dieresis or umlaut mark
&iacute;ílowercase i, acute accent
&icirc;&icirc;lowercase i, circumflex accent
&igrave;ìlowercase i, grave accent
&iuml;&iuml;lowercase i, dieresis or umlaut mark
&ntilde;&ntilde;lowercase n, tilde
&oacute;ólowercase o, acute accent
&ocirc;&ocirc;lowercase o, circumflex accent
&ograve;òlowercase o, grave accent
&oslash;&oslash;lowercase o, slash
&otilde;&otilde;lowercase o, tilde
&ouml;&ouml;lowercase o, dieresis or umlaut mark
&szlig;&szlig;lowercase sharp s, german (sz ligature)
&thorn;&thorn;lowercase thorn, icelandic
&uacute;úlowercase u, acute accent
&ucirc;&ucirc;lowercase u, circumflex accent
&ugrave;ùlowercase u, grave accent
&uuml;ülowercase u, dieresis or umlaut mark
&yacute;&yacute;lowercase y, acute accent
&yuml;&yuml;lowercase y, dieresis or umlaut mark

 

调色原理

html 的颜色表示可分两种:
  • 以命名方式定义常用的颜色,如 red
  • 以 rgb 值表示,如 #ff0000 表示 red。

命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 rgb 值的原理:

众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的,在 html 中对於彩度的定义是 采十六进位的,对於三原色 html 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。

例如
白色的组成是 red=ff, green=ff, blue=ff, rgb 值即为 ffffff
红色的组成是 red=ff, green=00, blue=00, rgb 值即为 ff0000
绿色的组成是 red=00, green=ff, blue=00, rgb 值即为 00ff00
蓝色的组成是 red=00, green=00, blue=ff, rgb 值即为 0000ff
黑色的组成是 red=00, green=00, blue=00, rgb 值即为 000000

於应用时常在每个 rgb 值之前加上符号 # 以示分别,但不加亦可。

html 基本架构:
选按不同颜色按键以测试前景颜色效果 (只适合 inte.net explorer)
           
选按不同颜色按键以测试背景颜色效果
           
或输入一个 rgb 颜色码或名称
   
■ 16 常用颜色表:
colorvaluename colorvaluename
 #00ffffaqua  #808080gray
 #000080navy  #c0c0c0silver
 #000000black  #008000green
 #808000olive  #008080teal
 #0000ffblue  #00ff00lime
 #800080purple  #ffff00yellow
 #ff00fffuchsia  #800000maroon
 #ff0000red  #ffffffwhite
■ 其它常用颜色表:
colorvaluename colorvaluename
 #f0f8ffaliceblue  #a00000antiquewith
 #7fffd4aquamarine  #f0ffffazure
 #f5f5dcbeige  #ffe4c4bisque
 #000000black  #ffebcdblanchedalmond
 #0000ffblue  #8a2be2blueviolet
 #a52a2abrown  #deb887burlywood
 #5f9ea0cadetblue  #7fff00chartreuse
 #d2691echocolate  #ff7f50coral
 #c0f000cornfloewrblue  #fff8dccornsilk
 #00ffffcyan  #00008bdarkblue
 #008b8bdarkcyan  #b8860bdarkgoldenrod
 #a9a9a9darkgray  #006400darkgreen
 #da0000darkhaki  #8b008bdarkmagenta
 #556b2fdarkolivegreen  #da000edarkorenge
 #9932ccdarkorchid  #8b0000darkred
 #e9967adarksalmon  #8fbc8fdarkseagreen
 #483d8bdarkslateblue  #2f4f4fdarkslategray
 #00ced1darkturquoise  #9400d3darkviolet
 #ff1493deeppink  #00bfffdeepskyblue
 #696969dimgray  #1e90ffdodgerblue
 #b22222firebrick  #fffaf0floralwhite
 #228b22forestgreen  #dcdcdcgainsboro
 #00000egostwhite  #ffd700gold
 #00e00dgolenrod  #808080gray
 #008000green  #adff2fgreenyellow
 #f0fff0honeydew  #ff69b4hotpink
 #cd5c5cindianred  #fffff0ivory
 #f0e68ckhaki  #e6e6falavender
 #fff0f5lavenderblush  #7cfc00lawngreen
 #fffacdlemonchiffon  #add8e6lightblue
 #f08080lightcoral  #e0fffflightcyan
 #0000e0lightgodenrod  #0000e0lightgodenrodyellow
 #0000a0lightgray  #90ee90lightgreen
 #ffb6c1lightpink  #ffa07alightsalmon
 #20b2aalightseagreen  #87cefalightskyblue
 #0000eblightslateblue  #778899lightslategray
 #b0c4delightsteelblue  #ffffe0lightyellow
 #32cd32limegreen  #faf0e6linen
 #ff00ffmagenta  #800000maroon
 #66cdaamediumaquamarine  #0000cdmediumblue
 #ba55d3mediumorchid  #ed0000mediumpurpul
 #3cb371mediumseagreen  #7b68eemediumslateblue
springgreen> #00fa9amediumspringgreen  #48d1ccmediumturquoise
 #c71585mediumvioletred  #191970midnightblue
 #f5fffamintcream  #ffe4e1mistyrose
 #ffe4b5moccasin  #ffdeadnavajowhite
 #000080navy  #a0b0e0navyblue
 #fdf5e6oldlace  #6b8e23olivedrab
 #ffa500orange  #0e0eedorengered
 #da70d6orchid  #a00d00palegodenrod
 #98fb98palegreen  #afeeeepaleturquoise
 #db7093palevioletred  #ffefd5papayawhip
 #ffdab9peachpuff  #cd853fperu
 #ffc0cbpink  #dda0ddplum
 #b0e0e6powderblue  #800080purple
 #ff0000red  #bc8f8frosybrown
 #4169e1royalblue  #8b4513saddlebrown
 #fa8072salmon  #f4a460sandybrown
 #2e8b57seagreen  #fff5eeseashell
 #a0522dsienna  #87ceebskyblue
 #6a5acdslateblue  #708090slategray
 #fffafasnow springgreen> #00ff7fspringgreen
 #4682b4steelblue  #d2b48ctan
 #d8bfd8thistle  #ff6347tomato
 #40e0d0turquoise  #ee82eeviolet
 #00e0edvioletred  #f5deb3wheat
 #000e00hite  #f5f5f5whitesmoke
 #ffff00yellow

例子三:
原始码<marquee behavior=alternate>撞来撞去,啊!我昏啦</marquee>
显示结果
撞来撞去,啊!我昏啦

例子四:

原始码<marquee scrolldelay=5 scrollamount=50>哗!!太快了,我又昏啦</marquee>
显示结果
哗!!太快了,我又昏啦

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" height="30" width="150" hspace="0" vspace="0" loop="infinite" scrollamount="30" scrolldelay="500">hello</marquee>

■ <blink> :
▲top
<blink> 是令文字闪烁,只适用於 nc,用法直接,没有参数。看看例子便知:

例子:

原始码<blink>我是天上星,闪又闪</blink>
显示结果
我是天上星,闪又闪

■ <isindex> :
▲top
<isindex> 可让某些 web server 找寻网页内的关键字,假如你的 web server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <head> 标记内的,但把它放在 <body> 标记内亦不见有问题,请记住,3w 以反对此标记。

例子:

原始码<isindex>
显示结果

可以搜索该索引。请键入要搜索的关键字:

■ <meta> :
▲top
<meta> 是放於 <head> 与 </head>之间的标记,功用与变化等对,所以我公式化地介 绍。
■ <link> :
▲top
<link> 用来将目前文件与其它 url 作连结,但不会有连结按钮,用於 <head> 标记间, 格式如下:
<link href="url" rel="relationship">
<link href="url" rev="relationship">

其用法我们会於 style sheet 一节详细介绍

 

特殊字符

只要你认识了 html 标记,你便会知道特殊字符的用处。
html 原始码显示结果描述
&lt;<小於号或显示标记
&gt;>大於号或显示标记
&amp;&可用於显示其它特殊字符
&quot;"引号
&reg;&reg;己注册
&copy;&copy;版权
&trade;&#8482;商标
&ensp; 半方大的空白
&emsp; 全方大的空白
&nbsp; 不断行的空白
■ iso latin-1 特殊字符 :
html 原始码显示结果描述
&aelig;&aelig;uppercase ae diphthing
&aacute;&aacute;uppercase a, acute accent
&acirc;&acirc;uppercase a, circumflex accent
&agrave;&agrave;uppercase a, grave accent
&aring;&aring;uppercase a, ring
&atilde;&atilde;uppercase a, tilde
&auml;&auml;uppercase a, dieresis or umlaut mark
&ccedil;&ccedil;uppercase c, cedilla
&eth;&eth;uppercase eth, icelandic
&eacute;&eacute;uppercase e, acute accent
&ecirc;&ecirc;uppercase e, circumflex accent
&egrave;&egrave;uppercase e, grave accent
&euml;&euml;uppercase e, dieresis or umlaut mark
&iacute;&iacute;uppercase i, acute accent
&icirc;&icirc;uppercase i, circumflex accent
&igrave;&igrave;uppercase i, grave accent
&iuml;&iuml;uppercase i, dieresis or umlaut mark
&ntilde;&ntilde;uppercase n, tilde
&oacute;&oacute;uppercase o, acute accent
&ocirc;&ocirc;uppercase o, circumflex accent
&ograve;&ograve;uppercase o, grave accent
&oslash;&oslash;uppercase o, slash
&otilde;&otilde;uppercase o, tilde
&ouml;&ouml;uppercase o, dieresis or umlaut mark
&thorn;&thorn;uppercase thorn, icelandic
&uacute;&uacute;uppercase u, acute accent
&ucirc;&ucirc;uppercase u, circumflex accent
&ugrave;&ugrave;uppercase u, grave accent
&uuml;&uuml;uppercase u, dieresis or umlaut mark
&yacute;&yacute;uppercase y, acute accent
&aelig;&aelig;lowercase ae diphthing
&aacute;álowercase a, acute accent
&acirc;&acirc;lowercase a, circumflex accent
&agrave;àlowercase a, grave accent
&aring;&aring;lowercase a, ring
&atilde;&atilde;lowercase a, tilde
&auml;&auml;lowercase a, dieresis or umlaut mark
&ccedil;&ccedil;lowercase c, cedilla
&eth;&eth;lowercase eth, icelandic
&eacute;élowercase e, acute accent
&ecirc;êlowercase e, circumflex accent
&egrave;èlowercase e, grave accent
&euml;&euml;lowercase e, dieresis or umlaut mark
&iacute;ílowercase i, acute accent
&icirc;&icirc;lowercase i, circumflex accent
&igrave;ìlowercase i, grave accent
&iuml;&iuml;lowercase i, dieresis or umlaut mark
&ntilde;&ntilde;lowercase n, tilde
&oacute;ólowercase o, acute accent
&ocirc;&ocirc;lowercase o, circumflex accent
&ograve;òlowercase o, grave accent
&oslash;&oslash;lowercase o, slash
&otilde;&otilde;lowercase o, tilde
&ouml;&ouml;lowercase o, dieresis or umlaut mark
&szlig;&szlig;lowercase sharp s, german (sz ligature)
&thorn;&thorn;lowercase thorn, icelandic
&uacute;úlowercase u, acute accent
&ucirc;&ucirc;lowercase u, circumflex accent
&ugrave;ùlowercase u, grave accent
&uuml;ülowercase u, dieresis or umlaut mark
&yacute;&yacute;lowercase y, acute accent
&yuml;&yuml;lowercase y, dieresis or umlaut mark

 

调色原理

html 的颜色表示可分两种:
  • 以命名方式定义常用的颜色,如 red
  • 以 rgb 值表示,如 #ff0000 表示 red。

命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 rgb 值的原理:

众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的,在 html 中对於彩度的定义是 采十六进位的,对於三原色 html 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。

例如
白色的组成是 red=ff, green=ff, blue=ff, rgb 值即为 ffffff
红色的组成是 red=ff, green=00, blue=00, rgb 值即为 ff0000
绿色的组成是 red=00, green=ff, blue=00, rgb 值即为 00ff00
蓝色的组成是 red=00, green=00, blue=ff, rgb 值即为 0000ff
黑色的组成是 red=00, green=00, blue=00, rgb 值即为 000000

於应用时常在每个 rgb 值之前加上符号 # 以示分别,但不加亦可。

html 基本架构:
选按不同颜色按键以测试前景颜色效果 (只适合 inte.net explorer)
           
选按不同颜色按键以测试背景颜色效果
           
或输入一个 rgb 颜色码或名称
   
■ 16 常用颜色表:
colorvaluename colorvaluename
 #00ffffaqua  #808080gray
 #000080navy  #c0c0c0silver
 #000000black  #008000green
 #808000olive  #008080teal
 #0000ffblue  #00ff00lime
 #800080purple  #ffff00yellow
 #ff00fffuchsia  #800000maroon
 #ff0000red  #ffffffwhite
■ 其它常用颜色表:
colorvaluename colorvaluename
 #f0f8ffaliceblue  #a00000antiquewith
 #7fffd4aquamarine  #f0ffffazure
 #f5f5dcbeige  #ffe4c4bisque
 #000000black  #ffebcdblanchedalmond
 #0000ffblue  #8a2be2blueviolet
 #a52a2abrown  #deb887burlywood
 #5f9ea0cadetblue  #7fff00chartreuse
 #d2691echocolate  #ff7f50coral
 #c0f000cornfloewrblue  #fff8dccornsilk
 #00ffffcyan  #00008bdarkblue
 #008b8bdarkcyan  #b8860bdarkgoldenrod
 #a9a9a9darkgray  #006400darkgreen
 #da0000darkhaki  #8b008bdarkmagenta
 #556b2fdarkolivegreen  #da000edarkorenge
 #9932ccdarkorchid  #8b0000darkred
 #e9967adarksalmon  #8fbc8fdarkseagreen
 #483d8bdarkslateblue  #2f4f4fdarkslategray
 #00ced1darkturquoise  #9400d3darkviolet
 #ff1493deeppink  #00bfffdeepskyblue
 #696969dimgray  #1e90ffdodgerblue
 #b22222firebrick  #fffaf0floralwhite
 #228b22forestgreen  #dcdcdcgainsboro
 #00000egostwhite  #ffd700gold
 #00e00dgolenrod  #808080gray
 #008000green  #adff2fgreenyellow
 #f0fff0honeydew  #ff69b4hotpink
 #cd5c5cindianred  #fffff0ivory
 #f0e68ckhaki  #e6e6falavender
 #fff0f5lavenderblush  #7cfc00lawngreen
 #fffacdlemonchiffon  #add8e6lightblue
 #f08080lightcoral  #e0fffflightcyan
 #0000e0lightgodenrod  #0000e0lightgodenrodyellow
 #0000a0lightgray  #90ee90lightgreen
 #ffb6c1lightpink  #ffa07alightsalmon
 #20b2aalightseagreen  #87cefalightskyblue
 #0000eblightslateblue  #778899lightslategray
 #b0c4delightsteelblue  #ffffe0lightyellow
 #32cd32limegreen  #faf0e6linen
 #ff00ffmagenta  #800000maroon
 #66cdaamediumaquamarine  #0000cdmediumblue
 #ba55d3mediumorchid  #ed0000mediumpurpul
 #3cb371mediumseagreen  #7b68eemediumslateblue
springgreen> #00fa9amediumspringgreen  #48d1ccmediumturquoise
 #c71585mediumvioletred  #191970midnightblue
 #f5fffamintcream  #ffe4e1mistyrose
 #ffe4b5moccasin  #ffdeadnavajowhite
 #000080navy  #a0b0e0navyblue
 #fdf5e6oldlace  #6b8e23olivedrab
 #ffa500orange  #0e0eedorengered
 #da70d6orchid  #a00d00palegodenrod
 #98fb98palegreen  #afeeeepaleturquoise
 #db7093palevioletred  #ffefd5papayawhip
 #ffdab9peachpuff  #cd853fperu
 #ffc0cbpink  #dda0ddplum
 #b0e0e6powderblue  #800080purple
 #ff0000red  #bc8f8frosybrown
 #4169e1royalblue  #8b4513saddlebrown
 #fa8072salmon  #f4a460sandybrown
 #2e8b57seagreen  #fff5eeseashell
 #a0522dsienna  #87ceebskyblue
 #6a5acdslateblue  #708090slategray
 #fffafasnow springgreen> #00ff7fspringgreen
 #4682b4steelblue  #d2b48ctan
 #d8bfd8thistle  #ff6347tomato
 #40e0d0turquoise  #ee82eeviolet
 #00e0edvioletred  #f5deb3wheat
 #000e00hite  #f5f5f5whitesmoke
 #ffff00yellow

例子四:
原始码<marquee scrolldelay=5 scrollamount=50>哗!!太快了,我又昏啦</marquee>
显示结果
哗!!太快了,我又昏啦

<marquee behavior="scroll" direction="left" bgcolor="#0000ff" height="30" width="150" hspace="0" vspace="0" loop="infinite" scrollamount="30" scrolldelay="500">hello</marquee>

■ <blink> :
▲top
<blink> 是令文字闪烁,只适用於 nc,用法直接,没有参数。看看例子便知:

例子:

原始码<blink>我是天上星,闪又闪</blink>
显示结果
我是天上星,闪又闪

■ <isindex> :
▲top
<isindex> 可让某些 web server 找寻网页内的关键字,假如你的 web server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <head> 标记内的,但把它放在 <body> 标记内亦不见有问题,请记住,3w 以反对此标记。

例子:

原始码<isindex>
显示结果

可以搜索该索引。请键入要搜索的关键字:

■ <meta> :
▲top
<meta> 是放於 <head> 与 </head>之间的标记,功用与变化等对,所以我公式化地介 绍。
■ <link> :
▲top
<link> 用来将目前文件与其它 url 作连结,但不会有连结按钮,用於 <head> 标记间, 格式如下:
<link href="url" rel="relationship">
<link href="url" rev="relationship">

其用法我们会於 style sheet 一节详细介绍

 

特殊字符

只要你认识了 html 标记,你便会知道特殊字符的用处。
html 原始码显示结果描述
&lt;<小於号或显示标记
&gt;>大於号或显示标记
&amp;&可用於显示其它特殊字符
&quot;"引号
&reg;&reg;己注册
&copy;&copy;版权
&trade;&#8482;商标
&ensp; 半方大的空白
&emsp; 全方大的空白
&nbsp; 不断行的空白
■ iso latin-1 特殊字符 :
html 原始码显示结果描述
&aelig;&aelig;uppercase ae diphthing
&aacute;&aacute;uppercase a, acute accent
&acirc;&acirc;uppercase a, circumflex accent
&agrave;&agrave;uppercase a, grave accent
&aring;&aring;uppercase a, ring
&atilde;&atilde;uppercase a, tilde
&auml;&auml;uppercase a, dieresis or umlaut mark
&ccedil;&ccedil;uppercase c, cedilla
&eth;&eth;uppercase eth, icelandic
&eacute;&eacute;uppercase e, acute accent
&ecirc;&ecirc;uppercase e, circumflex accent
&egrave;&egrave;uppercase e, grave accent
&euml;&euml;uppercase e, dieresis or umlaut mark
&iacute;&iacute;uppercase i, acute accent
&icirc;&icirc;uppercase i, circumflex accent
&igrave;&igrave;uppercase i, grave accent
&iuml;&iuml;uppercase i, dieresis or umlaut mark
&ntilde;&ntilde;uppercase n, tilde
&oacute;&oacute;uppercase o, acute accent
&ocirc;&ocirc;uppercase o, circumflex accent
&ograve;&ograve;uppercase o, grave accent
&oslash;&oslash;uppercase o, slash
&otilde;&otilde;uppercase o, tilde
&ouml;&ouml;uppercase o, dieresis or umlaut mark
&thorn;&thorn;uppercase thorn, icelandic
&uacute;&uacute;uppercase u, acute accent
&ucirc;&ucirc;uppercase u, circumflex accent
&ugrave;&ugrave;uppercase u, grave accent
&uuml;&uuml;uppercase u, dieresis or umlaut mark
&yacute;&yacute;uppercase y, acute accent
&aelig;&aelig;lowercase ae diphthing
&aacute;álowercase a, acute accent
&acirc;&acirc;lowercase a, circumflex accent
&agrave;àlowercase a, grave accent
&aring;&aring;lowercase a, ring
&atilde;&atilde;lowercase a, tilde
&auml;&auml;lowercase a, dieresis or umlaut mark
&ccedil;&ccedil;lowercase c, cedilla
&eth;&eth;lowercase eth, icelandic
&eacute;élowercase e, acute accent
&ecirc;êlowercase e, circumflex accent
&egrave;èlowercase e, grave accent
&euml;&euml;lowercase e, dieresis or umlaut mark
&iacute;ílowercase i, acute accent
&icirc;&icirc;lowercase i, circumflex accent
&igrave;ìlowercase i, grave accent
&iuml;&iuml;lowercase i, dieresis or umlaut mark
&ntilde;&ntilde;lowercase n, tilde
&oacute;ólowercase o, acute accent
&ocirc;&ocirc;lowercase o, circumflex accent
&ograve;òlowercase o, grave accent
&oslash;&oslash;lowercase o, slash
&otilde;&otilde;lowercase o, tilde
&ouml;&ouml;lowercase o, dieresis or umlaut mark
&szlig;&szlig;lowercase sharp s, german (sz ligature)
&thorn;&thorn;lowercase thorn, icelandic
&uacute;úlowercase u, acute accent
&ucirc;&ucirc;lowercase u, circumflex accent
&ugrave;ùlowercase u, grave accent
&uuml;ülowercase u, dieresis or umlaut mark
&yacute;&yacute;lowercase y, acute accent
&yuml;&yuml;lowercase y, dieresis or umlaut mark

 

调色原理

html 的颜色表示可分两种:
  • 以命名方式定义常用的颜色,如 red
  • 以 rgb 值表示,如 #ff0000 表示 red。

命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 rgb 值的原理:

众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的,在 html 中对於彩度的定义是 采十六进位的,对於三原色 html 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。

例如
白色的组成是 red=ff, green=ff, blue=ff, rgb 值即为 ffffff
红色的组成是 red=ff, green=00, blue=00, rgb 值即为 ff0000
绿色的组成是 red=00, green=ff, blue=00, rgb 值即为 00ff00
蓝色的组成是 red=00, green=00, blue=ff, rgb 值即为 0000ff
黑色的组成是 red=00, green=00, blue=00, rgb 值即为 000000

於应用时常在每个 rgb 值之前加上符号 # 以示分别,但不加亦可。

html 基本架构:
选按不同颜色按键以测试前景颜色效果 (只适合 inte.net explorer)
           
选按不同颜色按键以测试背景颜色效果
           
或输入一个 rgb 颜色码或名称
   
■ 16 常用颜色表:
colorvaluename colorvaluename
 #00ffffaqua  #808080gray
 #000080navy  #c0c0c0silver
 #000000black  #008000green
 #808000olive  #008080teal
 #0000ffblue  #00ff00lime
 #800080purple  #ffff00yellow
 #ff00fffuchsia  #800000maroon
 #ff0000red  #ffffffwhite
■ 其它常用颜色表:
colorvaluename colorvaluename
 #f0f8ffaliceblue  #a00000antiquewith
 #7fffd4aquamarine  #f0ffffazure
 #f5f5dcbeige  #ffe4c4bisque
 #000000black  #ffebcdblanchedalmond
 #0000ffblue  #8a2be2blueviolet
 #a52a2abrown  #deb887burlywood
 #5f9ea0cadetblue  #7fff00chartreuse
 #d2691echocolate  #ff7f50coral
 #c0f000cornfloewrblue  #fff8dccornsilk
 #00ffffcyan  #00008bdarkblue
 #008b8bdarkcyan  #b8860bdarkgoldenrod
 #a9a9a9darkgray  #006400darkgreen
 #da0000darkhaki  #8b008bdarkmagenta
 #556b2fdarkolivegreen  #da000edarkorenge
 #9932ccdarkorchid  #8b0000darkred
 #e9967adarksalmon  #8fbc8fdarkseagreen
 #483d8bdarkslateblue  #2f4f4fdarkslategray
 #00ced1darkturquoise  #9400d3darkviolet
 #ff1493deeppink  #00bfffdeepskyblue
 #696969dimgray  #1e90ffdodgerblue
 #b22222firebrick  #fffaf0floralwhite
 #228b22forestgreen  #dcdcdcgainsboro
 #00000egostwhite  #ffd700gold
 #00e00dgolenrod  #808080gray
 #008000green  #adff2fgreenyellow
 #f0fff0honeydew  #ff69b4hotpink
 #cd5c5cindianred  #fffff0ivory
 #f0e68ckhaki  #e6e6falavender
 #fff0f5lavenderblush  #7cfc00lawngreen
 #fffacdlemonchiffon  #add8e6lightblue
 #f08080lightcoral  #e0fffflightcyan
 #0000e0lightgodenrod  #0000e0lightgodenrodyellow
 #0000a0lightgray  #90ee90lightgreen
 #ffb6c1lightpink  #ffa07alightsalmon
 #20b2aalightseagreen  #87cefalightskyblue
 #0000eblightslateblue  #778899lightslategray
 #b0c4delightsteelblue  #ffffe0lightyellow
 #32cd32limegreen  #faf0e6linen
 #ff00ffmagenta  #800000maroon
 #66cdaamediumaquamarine  #0000cdmediumblue
 #ba55d3mediumorchid  #ed0000mediumpurpul
 #3cb371mediumseagreen  #7b68eemediumslateblue
springgreen> #00fa9amediumspringgreen  #48d1ccmediumturquoise
 #c71585mediumvioletred  #191970midnightblue
 #f5fffamintcream  #ffe4e1mistyrose
 #ffe4b5moccasin  #ffdeadnavajowhite
 #000080navy  #a0b0e0navyblue
 #fdf5e6oldlace  #6b8e23olivedrab
 #ffa500orange  #0e0eedorengered
 #da70d6orchid  #a00d00palegodenrod
 #98fb98palegreen  #afeeeepaleturquoise
 #db7093palevioletred  #ffefd5papayawhip
 #ffdab9peachpuff  #cd853fperu
 #ffc0cbpink  #dda0ddplum
 #b0e0e6powderblue  #800080purple
 #ff0000red  #bc8f8frosybrown
 #4169e1royalblue  #8b4513saddlebrown
 #fa8072salmon  #f4a460sandybrown
 #2e8b57seagreen  #fff5eeseashell
 #a0522dsienna  #87ceebskyblue
 #6a5acdslateblue  #708090slategray
 #fffafasnow springgr