|
|
| HTML语言剖析(6) |
|
|
|
作者:未知 来源:未知 加入时间:2004-9-29 |
其他标记
<MARQUEE> <BLINK> <ISINDEX> <META> <LINK> |
|
|
| <MARQUEE> 只适用於 IE ,译为「跑马灯」如 Status Bar 的那种,意指走动或卷动的 文字,其参数设定狻多。我先举些例子,然後再列出各参数。
例子一:
| 原始码 |
<marquee width=150>I'm a small MARQUEE</marquee> |
| 显示结果 |
|
例子二:
| 原始码 |
<marquee behavior=slide>This is a slide effect</marquee> |
| 显示结果 |
|
例子三:
| 原始码 |
<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>
- behavior="SCROLL"
决定文字的卷动方式,可选值为: SCROLL 一般卷动,是内定值。 SLIDE 如幻灯片,一格格的,效果是文字一接触左边便全部消失。 ALTERNATE 文字向左右两边撞来撞去。
- direction="LEFT"
设定文字的卷动方向,LEFT 表示向左,是内定值,RIGHT 表示向右。
- bgcolor="#0000FF"
设定文字卷动范围的背景颜色。
- height="30" width="150"
>设定文字卷动范围,可采用相对或绝对,如 30% 或 30 等,单位为像素。
- hspace="0" vspace="0"
设定文字的水平及垂直空白位置。
- loop="INFINITE"
设定文字卷动次数,其值可以是正整数或 INFINITE,INFINITE 是内定值,表示无 限次。
- scrollamount="30"
每「格」文字之间的间隔,单位是像素。
- scrolldelay="500"
文字卷动的停顿时间,单位是毫秒。 |
|
|
| <BLINK> 是令文字闪烁,只适用於 NC,用法直接,没有参数。看看例子便知:
例子:
| 原始码 |
<blink>我是天上星,闪又闪</blink> |
| 显示结果 |
| |
|
|
| <ISINDEX> 可让某些 Web Server 找寻网页内的关键字,假如你的 Web Server 提供这样的 找寻功能,使用者的浏览器也支援这些找寻功能,那堋,载入网页时就会看到一个简单的 找寻方块。其用法直接,没有参数,本来是要放於 <HEAD> 标记内的,但把它放在 <BODY> 标记内亦不见有问题,请记住,3W 以反对此标记。
例子:
|
|
|
<META> 是放於 <HEAD> 与 </HEAD>之间的标记,功用与变化等对,所以我公式化地介 绍。
- <meta name="Description" content="This is Chris's Home Page">
该网页的描述,作用於寻找引擎的登录
- <meta name="Keywords" content="Chris, Web, Music, photo">
该网页的关键字,作用於寻找引擎的登录
- <meta http-equiv="Expires" content="Tue, 09 Dec 1997 00:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache"> 以上行功能相同,都是要浏览器重新载入该页,不要使用快取档案,当然可以修 改该 Expire 时间。
- <meta http-equiv="Content-Type" content="text/html; charset=big5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 设定这是 HTML 文件及其编码语系,中文网页请使用 big5 那行,或者不设编码亦 可,纯英文网页建议使用 iso-8859-1。
- <meta name="GENERATOR" content="Mozilla/4.04 [en] (Win95; I) [Netscape]">
<meta name="GENERATOR" content="Microsoft FrontPage 3.0"> 这只表示该网页由甚堋编辑器写成。
- <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
这一行较为实用,能於预定秒数内自动转到指定的网址。原始码中 10 表示 10秒。 |
|
|
<LINK> 用来将目前文件与其它 URL 作连结,但不会有连结按钮,用於 <HEAD> 标记间, 格式如下: <link href="URL" rel="relationship"> <link href="URL" rev="relationship">
其用法我们会於 Style Sheet 一节详细介绍 |
特殊字符
只要你认识了 HTML 标记,你便会知道特殊字符的用处。
| HTML 原始码 |
显示结果 |
描述 |
| < |
< |
小於号或显示标记 |
| > |
> |
大於号或显示标记 |
| & |
& |
可用於显示其它特殊字符 |
| " |
" |
引号 |
| ® |
® |
己注册 |
| © |
© |
版权 |
| ™ |
™ |
商标 |
|   |
|
半方大的空白 |
|   |
|
全方大的空白 |
| |
|
不断行的空白 | |
|
■ ISO Latin-1 特殊字符 : |
| HTML 原始码 |
显示结果 |
描述 |
| Æ |
Æ |
Uppercase AE diphthing |
| Á |
Á |
Uppercase A, acute accent |
| Â |
 |
Uppercase A, circumflex accent |
| À |
À |
Uppercase A, grave accent |
| Å |
Å |
Uppercase A, ring |
| Ã |
à |
Uppercase A, tilde |
| Ä |
Ä |
Uppercase A, dieresis or umlaut mark |
| Ç |
Ç |
Uppercase C, cedilla |
| Ð |
Ð |
Uppercase Eth, Icelandic |
| É |
É |
Uppercase E, acute accent |
| Ê |
Ê |
Uppercase E, circumflex accent |
| È |
È |
Uppercase E, grave accent |
| Ë |
Ë |
Uppercase E, dieresis or umlaut mark |
| Í |
Í |
Uppercase I, acute accent |
| Î |
Î |
Uppercase I, circumflex accent |
| Ì |
Ì |
Uppercase I, grave accent |
| Ï |
Ï |
Uppercase I, dieresis or umlaut mark |
| Ñ |
Ñ |
Uppercase N, tilde |
| Ó |
Ó |
Uppercase O, acute accent |
| Ô |
Ô |
Uppercase O, circumflex accent |
| Ò |
Ò |
Uppercase O, grave accent |
| Ø |
Ø |
Uppercase O, slash |
| Õ |
Õ |
Uppercase O, tilde |
| Ö |
Ö |
Uppercase O, dieresis or umlaut mark |
| Þ |
Þ |
Uppercase THORN, Icelandic |
| Ú |
Ú |
Uppercase U, acute accent |
| Û |
Û |
Uppercase U, circumflex accent |
| Ù |
Ù |
Uppercase u, grave accent |
| Ü |
Ü |
Uppercase U, dieresis or umlaut mark |
| Ý |
Ý |
Uppercase Y, acute accent |
| æ |
æ |
Lowercase ae diphthing |
| á |
á |
Lowercase a, acute accent |
| â |
â |
Lowercase a, circumflex accent |
| à |
à |
Lowercase a, grave accent |
| å |
å |
Lowercase a, ring |
| ã |
ã |
Lowercase a, tilde |
| ä |
ä |
Lowercase a, dieresis or umlaut mark |
| ç |
ç |
Lowercase c, cedilla |
| ð |
ð |
Lowercase eth, Icelandic |
| é |
é |
Lowercase e, acute accent |
| ê |
ê |
Lowercase e, circumflex accent |
| è |
è |
Lowercase e, grave accent |
| ë |
ë |
Lowercase e, dieresis or umlaut mark |
| í |
í |
Lowercase i, acute accent |
| î |
î |
Lowercase i, circumflex accent |
| ì |
ì |
Lowercase i, grave accent |
| ï |
ï |
Lowercase i, dieresis or umlaut mark |
| ñ |
ñ |
Lowercase n, tilde |
| ó |
ó |
Lowercase o, acute accent |
| ô |
ô |
Lowercase o, circumflex accent |
| ò |
ò |
Lowercase o, grave accent |
| ø |
ø |
Lowercase o, slash |
| õ |
õ |
Lowercase o, tilde |
| ö |
ö |
Lowercase o, dieresis or umlaut mark |
| ß |
ß |
Lowercase sharp s, German (sz ligature) |
| þ |
þ |
Lowercase thorn, Icelandic |
| ú |
ú |
Lowercase u, acute accent |
| û |
û |
Lowercase u, circumflex accent |
| ù |
ù |
Lowercase u, grave accent |
| ü |
ü |
Lowercase u, dieresis or umlaut mark |
| ý |
ý |
Lowercase y, acute accent |
| ÿ |
ÿ |
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 基本架构: |
| 选按不同颜色按键以测试前景颜色效果 (只适合 Internet Explorer)
选按不同颜色按键以测试背景颜色效果
或输入一个 RGB 颜色码或名称
| |
|
■ 16 常用颜色表: |
| Color |
Value |
Name |
|
Color |
Value |
Name |
| |
#00FFFF |
aqua |
|
|
#808080 |
gray |
| |
#000080 |
navy |
|
|
#C0C0C0 |
silver |
| |
#000000 |
black |
|
|
#008000 |
green |
| |
#808000 |
olive |
|
|
#008080 |
teal |
| |
#0000FF |
blue |
|
|
#00FF00 |
lime |
| |
#800080 |
purple |
|
|
#FFFF00 |
yellow |
| |
#FF00FF |
fuchsia |
|
|
#800000 |
maroon |
| |
#FF0000 |
red |
|
|
#FFFFFF |
white | |
|
■ 其它常用颜色表: |
| Color |
Value |
Name |
|
Color |
Value |
Name |
| |
#F0F8FF |
aliceblue |
|
|
#A00000 |
antiquewith |
| |
#7FFFD4 |
aquamarine |
|
|
#F0FFFF |
azure |
| |
#F5F5DC |
beige |
|
|
#FFE4C4 |
bisque |
| |
#000000 |
black |
|
|
#FFEBCD |
blanchedalmond |
| |
#0000FF |
blue |
|
|
#8A2BE2 |
blueviolet |
| |
#A52A2A |
brown |
|
|
#DEB887 |
burlywood |
| |
#5F9EA0 |
cadetblue |
|
|
#7FFF00 |
chartreuse |
| |
#D2691E |
chocolate |
|
|
#FF7F50 |
coral |
| |
#C0F000 |
cornfloewrblue |
|
|
#FFF8DC |
cornsilk |
| |
#00FFFF |
cyan |
|
|
#00008B |
darkblue |
| |
#008B8B |
darkcyan |
|
|
#B8860B |
darkgoldenrod |
| |
#A9A9A9 |
darkgray |
|
|
#006400 |
darkgreen |
| |
#DA0000 |
darkhaki |
|
|
#8B008B |
darkmagenta |
| |
#556B2F |
darkolivegreen |
|
|
#DA000E |
darkorenge |
| |
#9932CC |
darkorchid |
|
|
#8B0000 |
darkred |
| |
#E9967A |
darksalmon |
|
|
#8FBC8F |
darkseagreen |
| |
#483D8B |
darkslateblue |
|
|
#2F4F4F |
darkslategray |
| |
#00CED1 |
darkturquoise |
|
|
#9400D3 |
darkviolet |
| |
#FF1493 |
deeppink |
|
|
#00BFFF |
deepskyblue |
| |
#696969 |
dimgray |
|
|
#1E90FF |
dodgerblue |
| |
#B22222 |
firebrick |
|
|
#FFFAF0 |
floralwhite |
| |
#228B22 |
forestgreen |
|
|
#DCDCDC |
gainsboro |
| |
#00000E |
gostwhite |
|
|
#FFD700 |
gold |
| |
#00E00D |
golenrod |
|
|
#808080 |
gray |
| |
#008000 |
green |
|
|
#ADFF2F |
greenyellow |
| |
#F0FFF0 |
honeydew |
|
|
#FF69B4 |
hotpink |
| |
#CD5C5C |
indianred |
|
|
#FFFFF0 |
ivory |
| |
#F0E68C |
khaki |
|
|
#E6E6FA |
lavender |
| |
#FFF0F5 |
lavenderblush |
|
|
#7CFC00 |
lawngreen |
| |
#FFFACD |
lemonchiffon |
|
|
#ADD8E6 |
lightblue |
| |
#F08080 |
lightcoral |
|
|
#E0FFFF |
lightcyan |
| |
#0000E0 |
lightgodenrod |
|
|
#0000E0 |
lightgodenrodyellow |
| |
#0000A0 |
lightgray |
|
|
#90EE90 |
lightgreen |
| |
#FFB6C1 |
lightpink |
|
|
#FFA07A |
lightsalmon |
| |
#20B2AA |
lightseagreen |
|
|
#87CEFA |
lightskyblue |
| |
#0000EB |
lightslateblue |
|
|
#778899 |
lightslategray |
| |
#B0C4DE |
lightsteelblue |
|
|
#FFFFE0 |
lightyellow |
| |
#32CD32 |
limegreen |
|
|
#FAF0E6 |
linen |
| |
#FF00FF |
magenta |
|
|
#800000 |
maroon |
| |
#66CDAA |
mediumaquamarine |
|
|
#0000CD |
mediumblue |
| |
#BA55D3 |
mediumorchid |
|
|
#ED0000 |
mediumpurpul |
| |
#3CB371 |
mediumseagreen |
|
|
#7B68EE |
mediumslateblue |
| |
#00FA9A |
mediumspringgreen |
|
|
#48D1CC |
mediumturquoise |
| |
#C71585 |
mediumvioletred |
|
|
#191970 |
midnightblue |
| |
#F5FFFA |
mintcream |
|
|
#FFE4E1 |
mistyrose |
| |
#FFE4B5 |
moccasin |
|
|
#FFDEAD |
navajowhite |
| |
#000080 |
navy |
|
|
#A0B0E0 |
navyblue |
| |
#FDF5E6 |
oldlace |
|
|
#6B8E23 |
olivedrab |
| |
#FFA500 |
orange |
|
|
#0E0EED |
orengered |
| |
#DA70D6 |
orchid |
|
|
#A00D00 |
palegodenrod |
| |
#98FB98 |
palegreen |
|
|
#AFEEEE |
paleturquoise |
| |
#DB7093 |
palevioletred |
|
|
#FFEFD5 |
papayawhip |
| |
#FFDAB9 |
peachpuff |
|
|
#CD853F |
peru |
| |
#FFC0CB |
pink |
|
|
#DDA0DD |
plum |
| |
#B0E0E6 |
powderblue |
|
|
#800080 |
purple |
| |
#FF0000 |
red |
|
|
#BC8F8F |
rosybrown |
| |
#4169E1 |
royalblue |
|
|
#8B4513 |
saddlebrown |
| |
#FA8072 |
salmon |
|
|
#F4A460 |
sandybrown |
| |
#2E8B57 |
seagreen |
|
|
#FFF5EE |
seashell |
| |
#A0522D |
sienna |
|
|
#87CEEB |
skyblue |
| |
#6A5ACD |
slateblue |
|
|
#708090 |
slategray |
| |
#FFFAFA |
snow |
|
|
#00FF7F |
springgreen |
| |
#4682B4 |
steelblue |
|
|
#D2B48C |
tan |
| |
#D8BFD8 |
thistle |
|
|
#FF6347 |
tomato |
| |
#40E0D0 |
turquoise |
|
|
#EE82EE |
violet |
| |
#00E0ED |
violetred |
|
|
#F5DEB3 |
wheat |
| |
#000E00 |
hite |
|
|
#F5F5F5 |
whitesmoke |
| |
#FFFF00 |
yellow | | |  | 
|
相关文章:
相关软件: |
|