返回课程

1.脚本

向 HTML 添加脚本(Script),使其动态性和交互性更强。

 

将脚本插入 HTML 页
HTML 中的脚本使用 <script> 标签进行定义。请注意你可以使用 type 属性来指定脚本语言。

<html>
<head>
</head>
<body>

<script type="text/javascript">
document.write("Hello World!")
</script>

</body>
</html>上面的脚本输出以下结果:

Hello World!

提示:如果需要学习更多有关在 HTML 中编写脚本的知识,请访问我们的《JavaScript 教程》

 

如何应付老式的浏览器
如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。

 

实例
JavaScript:
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

 

VBScript:
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>

 

<noscript> 标签

除了将脚本隐藏于注释中,你还可以添加 <noscript> 标签。<noscript> 标签用于定义假如脚本没有执行时的替代文本。这个标签被用于以下情况:如果浏览器能够识别 <script> 标签,但是不支持其中的脚本,那么这些浏览器将显示出 <noscript> 标签内部的文本。不过,如果浏览器支持 <script> 内的脚本,那么浏览器将忽略 <noscript> 标签。

 

JavaScript:
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>

 

VBScript:
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

2.头部

头元素
头元素包含关于文档的概要信息,也称为元信息(meta-information)。Meta 意为“关于某方面的信息”。

可以这么说,元数据(meta-data)是关于数据的信息,而元信息是关于信息的信息。

 

头元素内的信息
头元素内的元素不会被浏览器显示出来。

根据 HTML 标准,仅有几个标签在 HTML 的头部分是合法的。它们是:<base>, <link>, <meta>, <title>, <style> 和 <script>。

这是一个不合法的结构:

<head>
  <p>This is some text</p>
</head>在这个案例中,浏览器有两种选择:

显示文本,因为它在段落元素中。
隐藏文本,因为它在头元素中。
假如你将 <h1> 或者 <p> 之类的 HTML 元素像这样置于头元素之中,大多数浏览器都会显示它,即使这是非法的。

浏览器真的应该忽略这个的错误吗?我们不这么认为。即使别人这么认为。

 

Head 标签

标签 描述
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面中所有链接的基准 URL。
<link> 定义资源引用。
<meta> 定义元信息。
标签 描述
<!DOCTYPE> 定义文档类型。此标签须位于 html 标签之前。

3.框架

框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

 

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档
很难打印整张页面
框架结构标签(<frameset>)
框架结构标签(<frameset>)定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
编者注:frameset 标签也被某些文章和书籍译为框架集。

 

框架标签(Frame)
Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>基本的注意事项 - 有用的提示:
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 <noframes> 标签。

 

重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)

4.字体

在 HTML 中,字体标签是不被支持的。一般都认为,在今后版本的 HTML 中,这个标签会被清除出去。

即使很多人都在用它,我们都应该尽量避免它,而使用样式取而代之。
字体标签font
使用类似下面的HTML代码,你可以定义浏览器输出的尺寸和类型:



字体标签font
使用类似下面的HTML代码,你可以定义浏览器输出的尺寸和类型:

<p>
<font size="2" face="Verdana">
This is a paragraph.
</font>
</p>

<p>
<font size="3" face="Times">
This is another paragraph.
</font>
</p>


 

字体属性

属性 例子 作用
size="number" size="2" 定义字体大小。
size="+number" size="+1" 增加字体的大小。
size="-number" size="-1" 减少字体的大小。
face="face-name" face="Times" 定义字体名称。
color="color-value" color="#eeff00" 定义字体颜色。
color="color-name" color="red" 定义字体颜色。

 

请不要使用字体标签
在最新的 HTML 版本(HTML 4 和 XHTML)中,字体标签已被废弃。

万维网联盟已从其标准中删除了字体标签,在未来,样式表(CSS)将用来定义布局,以及显示 HTML 元素的属性。

5.布局

在网络上,随处都可以看到像报纸那样的格式化分栏。

 

HTML布局 - 使用表格

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.

A part of this page is formatted with two columns, like a newspaper page.

As you can see on this page, there is a left column and a right column.

This text is displayed in the left column.

An HTML <table> is used to divide a part of this Web page into two columns.

The trick is to use a table without borders, and maybe a little extra cell-padding.

No matter how much text you add to this page, it will stay inside its column borders.

同样的布局 - 添加了颜色

One very common practice with HTML, is to use HTML tables to format the layout of an HTML page.

A part of this page is formatted with two columns, like a newspaper page.

As you can see at this page, there is a left column and a right column.

An HTML <table> is used to divide a part of this Web page into two columns.

This text is displayed in the right column.

The trick is to use a table without borders, and maybe a little extra cell-padding.

No matter how much text you add to this page, it will stay inside its column borders.

6.元素

下面列出了 HTML 定义的元素集。点击链接即可前往元素的定义,其中包含了该元素的所有成员集。

 

 

a 标明超链接的起始或目的位置。
acronym 标明缩写词。
address 特定信息,如地址、签名、作者、此文档的原创者。
applet 在页面上放置可执行内容。
area 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。
b 指定文本应以粗体渲染。
base 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。
baseFont 设置渲染文本时作为缺省字体的基础字体值。
bdo 允许作者为选定文本片断禁用双向法则。
bgSound 允许页面带有背景声音或创建音轨。
big 指定内含文本要以比当前字体稍大的字体显示。
blockQuote 设置文本中的一段引语。
body 指定文档主体的开始和结束。
br 插入一个换行符。
button 指定其中所含的 HTML 要被渲染为一个按钮。
caption 指定表格的简要描述。
center 将后面的文本和图像居中显示。
cite 用斜体显示标明引言。
code 指定代码范例。
col 指定基于列的表格缺省属性。
colGroup 指定表格中一列或一组列的缺省属性。
comment 标明不可见的注释。
custom 代表了一个用户自定义元素。
dataTransfer 提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。
dd 在定义列表中表明定义。定义通常在定义列表中缩进。
del 表明文本已经从文档中删除。
dfn 表明术语的定义实例。
dir 引起目录列表。
div 指定渲染 HTML 的容器。
dl 引起定义列表。
dt 在定义列表中表明定义术语。
em 强调文本,通常以斜体渲染。
embed 允许嵌入任何文档。
fieldSet 在字段集包含的文本和其它元素外面绘制一个方框。
font 指定用于渲染所包含文本的新字体、大小和颜色。
form 指定所包含控件在表单中起作用。
frame 在 FRAMESET 元素内指定单个框架。
frameSet 指定一个框架集,用于组织多个框架和嵌套框架集。
head 提供了关于文档的无序信息集合。
hn 以标题样式渲染文本。
hr 绘制水平线。
html 表明文档包含 HTML 元素。
HTML 注释 避免任何内含文本或 HTML 源代码被处理并在浏览器窗口中显示。
i 指定文本应以斜体渲染,若可用的话。
iframe 创建内嵌浮动框架。
img 在文档中嵌入图像或视频剪辑。
IMPORT 从元素行为中导入标签定义。
input 创建各种表单输入控件。
input type=button 创建按钮控件。
input type=checkbox 创建复选框控件。
input type=file 创建文件上载控件,该控件带有一个文本框和一个浏览按钮。
input type=hidden 传输关于客户/服务器交互的状态信息。
input type=image 创建一个图像控件,该控件单击后将导致表单立即被提交。
input type=password 创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。
input type=radio 创建单选钮控件。
input type=reset 创建一个按钮,该按钮单击后将重置表单控件为其缺省值。
input type=submit 创建一个按钮,该按钮单击后将提交表单。
input type=text 创建一个单行的文本输入控件。
ins 指定被插入到文档中的文本。
isIndex 使浏览器显示一个对话框,提示用户输入单行文本。
kbd 以固定字体渲染文本。
label 为页面上的其它元素指定标签。
legend 在 fieldSet 对象绘制的方框内插入一个标题。
li 引起列表中的一个项目。
link 允许当前文档和外部文档之间建立连接。
listing 以固定字体渲染文本。
map 包含客户端图像映射的坐标数据。
marquee 创建一个滚动的文本字幕。
menu 创建一个项目的无序列表。
meta 向服务器和客户端传达关于文档的隐藏信息。
noBR 不换行渲染文本。
noFrames 包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。
noScript 指定要在不支持脚本的浏览器显示的 HTML。
object 向 HTML 页面中插入对象。
ol 绘制文本的编号列表。
optGroup 允许作者对 select 元素中的选项进行逻辑分组。
option 引起 SELECT 元素中的一个选项。
p 引起一段。
param 设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。
plainText 以固定宽度字体渲染文本,不处理标签。
pre 以固定宽度字体渲染文本。
q 分离文本中的引语。
rt 指明 RUBY 元素的注音文本。
ruby 指明要放置在文本串之上或内嵌的注解或发音指南。
s 以删除线字体渲染文本。
samp 指定代码范例。
script 为脚本指定由脚本引擎解释的脚本。
select 引起列表框或下拉框。
small 指定内含文本要以比当前字体稍小的字体显示。
span 指定内嵌文本容器。
strike 以删除线字体渲染文本。
strong 以粗体渲染文本。
style 指定页面的样式表。
sub 指定内含文本要以下标的形式显示,通常比当前字体稍小。
sup 指定内含文本要以上标的形式显示,通常比当前字体稍小。
table 指定所含内容要组织成行列的表格。
tBody 指明行作为表格主体。
td 指定表格中的单元格。
textArea 指定多行文本输入控件。
tFoot 指明行作为表尾。
th 指定标题列。标题列将在单元格中居中并以粗体显示。
tHead 指明行作为表头。
title 包含文档的标题。
tr 指定表格中的一行。
tt 以固定宽度字体渲染文本。
u 带下划线渲染文本。
ul 绘制文本的项目符号列表。
var 定义编程变量。通常以斜体渲染。
wbr 向一块 NOBR 文本中插入软换行。
xml 在 HTML 页面上定义一个 XML 数据岛。
xmp 以固定宽度字体渲染作为示例的字体。

7.字符集

HTML 字符集
如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。

万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字,大写和小写英文字母表,以及一些特殊字符。


由于很多国家使用的字符并不属于 ASCII,现代浏览器的默认字符集是 ISO-8859-1。


如果网页使用不同于 ISO-8859-1 的字符集,就应该在 <meta> 标签进行指定。

 

ISO 字符集

ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。

下面列出了世界各地使用的不同字符集:

字符集 描述 使用范围
ISO-8859-1 Latin alphabet part 1 北美、西欧、拉丁美洲、加勒比海、加拿大、非洲
ISO-8859-2 Latin alphabet part 2 东欧
ISO-8859-3 Latin alphabet part 3 SE Europe、世界语、其他杂项
ISO-8859-4 Latin alphabet part 4 斯堪的纳维亚/波罗的海(以及其他没有包括在 ISO-8859-1 中的部分)
ISO-8859-5 Latin/Cyrillic part 5 使用古代斯拉夫语字母表的语言,比如保加利亚语、白俄罗斯文、俄罗斯语、马其顿语
ISO-8859-6 Latin/Arabic part 6 使用阿拉伯字母的语言
ISO-8859-7 Latin/Greek part 7 现代希腊语,以及有希腊语衍生的数学符号
ISO-8859-8 Latin/Hebrew part 8 使用希伯来语的语言
ISO-8859-9 Latin 5 part 9 土耳其语
ISO-8859-10 Latin 6 拉普兰语、日耳曼语、爱斯基摩北欧语
ISO-8859-15 Latin 9 (aka Latin 0) 与 ISO 8859-1 类似,欧元符号和其他一些字符取代了一些较少使用的符号
ISO-2022-JP Latin/Japanese part 1 日本语
ISO-2022-JP-2 Latin/Japanese part 2 日本语
ISO-2022-KR Latin/Korean part 1 韩语

 

 

Unicode 标准
由于上面列出的字符集都有容量限制,而且不兼容多语言环境,Unicode 联盟开发了 Unicode 标准。

Unicode 标准涵盖了世界上的所有字符、标点和符号。

不论是何种平台、程序或语言,Unicode 都能够进行文本数据的处理、存储和交换。

 


Unicode 联盟
Unicode 联盟开发了 Unicode 标准。他们的目标是用标准的 Unicode 转换格式 (UTF) 来取代现有的字符集。

Unicode 标准已经获得了成功,在 XML、Java、ECMAScript (JavaScript)、LDAP、CORBA 3.0、WML 中,Unicode 已经得到了实现。在许多操作系统以及所有的现代浏览器中,Unicode 同样得到了支持。

Unicode 联盟与领导性的标准发展组织进行合作,比如 ISO、W3C 以及 ECMA。

Unicode 可以被不同的字符集兼容。最常用的编码方式是 UTF-8 和 UTF-16:

UTF-8
UTF8 中的字符可以是 1-4 个字节长。UTF-8 可以表示 Unicode 标准中的任意字符。UTF-8 向后兼容 ASCII。UTF-8 是网页和电子邮件的首选编码。
UTF-16
16 比特的 Unicode 转换格式是一种 Unicode 可变字符编码,能够对全部 Unicode 指令表进行编码。UTF-16 主要被用于操作系统和环境中,比如微软的 Windows 2000/XP/2003/Vista/CE 以及 Java 和 .NET 字节代码环境。
提示:最前面的 256 个 Unicode 字符集字符对应于 256 个 ISO-8859-1 字符。

提示:所有 HTML 4 处理器均已支持 UTF-8,而所有 XHTML 和 XML 处理器支持 UTF-8 和 UTF-16。

8.颜色名

提示:W3C 的 HTML 4.0 标准仅支持 16 种颜色名,它们是:aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

如果使用其它颜色的话,就应该使用十六进制的颜色值。

 

颜色名列表

单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。

 

 

颜色名 十六进制颜色值 颜色
AliceBlue  #F0F8FF  
AntiqueWhite  #FAEBD7  
Aqua  #00FFFF  
Aquamarine  #7FFFD4  
Azure  #F0FFFF  
Beige  #F5F5DC  
Bisque  #FFE4C4  
Black  #000000  
BlanchedAlmond  #FFEBCD  
Blue  #0000FF  
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  
Feldspar  #D19275  
FireBrick  #B22222  
FloralWhite  #FFFAF0  
ForestGreen  #228B22  
Fuchsia  #FF00FF  
Gainsboro  #DCDCDC  
GhostWhite  #F8F8FF  
Gold  #FFD700  
GoldenRod  #DAA520  
Gray  #808080  
Green  #008000  
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  
LightGrey  #D3D3D3  
LightGreen  #90EE90  
LightPink  #FFB6C1  
LightSalmon  #FFA07A  
LightSeaGreen  #20B2AA  
LightSkyBlue  #87CEFA  
LightSlateBlue  #8470FF  
LightSlateGray  #778899  
LightSteelBlue  #B0C4DE  
LightYellow  #FFFFE0  
Lime  #00FF00  
LimeGreen  #32CD32  
Linen  #FAF0E6  
Magenta  #FF00FF  
Maroon  #800000  
MediumAquaMarine  #66CDAA  
MediumBlue  #0000CD  
MediumOrchid  #BA55D3  
MediumPurple  #9370D8  
MediumSeaGreen  #3CB371  
MediumSlateBlue  #7B68EE  
MediumSpringGreen  #00FA9A  
MediumTurquoise  #48D1CC  
MediumVioletRed  #C71585  
MidnightBlue  #191970  
MintCream  #F5FFFA  
MistyRose  #FFE4E1  
Moccasin  #FFE4B5  
NavajoWhite  #FFDEAD  
Navy  #000080  
OldLace  #FDF5E6  
Olive  #808000  
OliveDrab  #6B8E23  
Orange  #FFA500  
OrangeRed  #FF4500  
Orchid  #DA70D6  
PaleGoldenRod  #EEE8AA  
PaleGreen  #98FB98  
PaleTurquoise  #AFEEEE  
PaleVioletRed  #D87093  
PapayaWhip  #FFEFD5  
PeachPuff  #FFDAB9  
Peru  #CD853F  
Pink  #FFC0CB  
Plum  #DDA0DD  
PowderBlue  #B0E0E6  
Purple  #800080  
Red  #FF0000  
RosyBrown  #BC8F8F  
RoyalBlue  #4169E1  
SaddleBrown  #8B4513  
Salmon  #FA8072  
SandyBrown  #F4A460  
SeaGreen  #2E8B57  
SeaShell  #FFF5EE  
Sienna  #A0522D  
Silver  #C0C0C0  
SkyBlue  #87CEEB  
SlateBlue  #6A5ACD  
SlateGray  #708090  
Snow  #FFFAFA  
SpringGreen  #00FF7F  
SteelBlue  #4682B4  
Tan  #D2B48C  
Teal  #008080  
Thistle  #D8BFD8  
Tomato  #FF6347  
Turquoise  #40E0D0  
Violet  #EE82EE  
VioletRed  #D02090  
Wheat  #F5DEB3  
White  #FFFFFF  
WhiteSmoke  #F5F5F5  
Yellow  #FFFF00  
YellowGreen  #9ACD32  

9.元信息

Meta元素
正如在上一章中我们所解释的,头元素包含着关于文档的概要信息。

HTML 同样包含位于 head 元素内部的 meta 元素。Meta 元素的作用是提供文档的元信息。

大多数情况下,meta 元素用来提供与浏览器或者搜索引擎相关的信息,比方说描述文档的内容等等。

提示:W3C 声明说:某些用户程序支持使用 META 在设定好的几秒钟后来刷新当前的页面,并将之替换为另一个 url。开发人员不应使用此技术强迫用户转到不同的页面,因为这样会使页面的可用性变差。相反,应使用服务器端重定向来进行自动页面定向。

 

针对搜索引擎的关键字
某些万维网搜索引擎使用 meta 标签的 name 和 content 属性来索引页面。

这个 Meta 元素定义了对页面的描述:

<meta name="description"
content="Free Web tutorials on HTML, CSS, XML, and XHTML" />这个 Meta 元素定义了页面的关键字:

<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">name 和 content 属性的作用是描述页面的内容。

然而,由于非常多的网管们使用 meta 标签制造垃圾信息,比方说在页面重复关键词以达到提高排名的目的,一些搜索引擎已经彻底放弃了使用它们。

 

陌生的Meta属性
有时你会发现一些对你来说很陌生的 meta 属性,比方说:

<meta name="security" content="low">。其实你只需明白,这些东西对于站点或者开发人员来说具有某种特殊的意义,而也许对你来说没有什么关系。

10.符号实体

本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。

注释:实体名称对大小写敏感。

 

 

HTML 支持的数学符号

结果 描述 实体名称 实体编号
for all &forall; &#8704;
part &part; &#8706;
exists &exists; &#8707;
empty &empty; &#8709;
nabla &nabla; &#8711;
isin &isin; &#8712;
notin &notin; &#8713;
ni &ni; &#8715;
prod &prod; &#8719;
sum &sum; &#8721;
minus &minus; &#8722;
lowast &lowast; &#8727;
square root &radic; &#8730;
proportional to &prop; &#8733;
infinity &infin; &#8734;
angle &ang; &#8736;
and &and; &#8743;
or &or; &#8744;
cap &cap; &#8745;
cup &cup; &#8746;
integral &int; &#8747;
therefore &there4; &#8756;
simular to &sim; &#8764;
approximately equal &cong; &#8773;
almost equal &asymp; &#8776;
not equal &ne; &#8800;
equivalent &equiv; &#8801;
less or equal &le; &#8804;
greater or equal &ge; &#8805;
subset of &sub; &#8834;
superset of &sup; &#8835;
not subset of &nsub; &#8836;
subset or equal &sube; &#8838;
superset or equal &supe; &#8839;
circled plus &oplus; &#8853;
cirled times &otimes; &#8855;
perpendicular &perp; &#8869;
dot operator &sdot; &#8901;

HTML 支持的希腊字母

结果 描述 实体名称 实体编号
Α Alpha &Alpha; &#913;
Β Beta &Beta; &#914;
Γ Gamma &Gamma; &#915;
Δ Delta &Delta; &#916;
Ε Epsilon &Epsilon; &#917;
Ζ Zeta &Zeta; &#918;
Η Eta &Eta; &#919;
Θ Theta &Theta; &#920;
Ι Iota &Iota; &#921;
Κ Kappa &Kappa; &#922;
Λ Lambda &Lambda; &#923;
Μ Mu &Mu; &#924;
Ν Nu &Nu; &#925;
Ξ Xi &Xi; &#926;
Ο Omicron &Omicron; &#927;
Π Pi &Pi; &#928;
Ρ Rho &Rho; &#929;
  Sigmaf   undefined
Σ Sigma &Sigma; &#931;
Τ Tau &Tau; &#932;
Υ Upsilon &Upsilon; &#933;
Φ Phi &Phi; &#934;
Χ Chi &Chi; &#935;
Ψ Psi &Psi; &#936;
Ω Omega &Omega; &#937;
       
α alpha &alpha; &#945;
β beta &beta; &#946;
γ gamma &gamma; &#947;
δ delta &delta; &#948;
ε epsilon &epsilon; &#949;
ζ zeta &zeta; &#950;
η eta &eta; &#951;
θ theta &theta; &#952;
ι iota &iota; &#953;
κ kappa &kappa; &#954;
λ lambda &lambda; &#923;
μ mu &mu; &#956;
ν nu &nu; &#925;
ξ xi &xi; &#958;
ο omicron &omicron; &#959;
π pi &pi; &#960;
ρ rho &rho; &#961;
ς sigmaf &sigmaf; &#962;
σ sigma &sigma; &#963;
τ tau &tau; &#964;
υ upsilon &upsilon; &#965;
φ phi &phi; &#966;
χ chi &chi; &#967;
ψ psi &psi; &#968;
ω omega &omega; &#969;
       
ϑ theta symbol &thetasym; &#977;
ϒ upsilon symbol &upsih; &#978;
ϖ pi symbol &piv; &#982;

HTML 支持的其他实体

结果 描述 实体名称 实体编号
Πcapital ligature OE &OElig; &#338;
œ small ligature oe &oelig; &#339;
Š capital S with caron &Scaron; &#352;
š small S with caron &scaron; &#353;
Ÿ capital Y with diaeres &Yuml; &#376;
ƒ f with hook &fnof; &#402;
ˆ modifier letter circumflex accent &circ; &#710;
˜ small tilde &tilde; &#732;
en space &ensp; &#8194;
em space &emsp; &#8195;
thin space &thinsp; &#8201;
zero width non-joiner &zwnj; &#8204;
zero width joiner &zwj; &#8205;
left-to-right mark &lrm; &#8206;
right-to-left mark &rlm; &#8207;
en dash &ndash; &#8211;
em dash &mdash; &#8212;
left single quotation mark &lsquo; &#8216;
right single quotation mark &rsquo; &#8217;
single low-9 quotation mark &sbquo; &#8218;
left double quotation mark &ldquo; &#8220;
right double quotation mark &rdquo; &#8221;
double low-9 quotation mark &bdquo; &#8222;
dagger &dagger; &#8224;
double dagger &Dagger; &#8225;
bullet &bull; &#8226;
horizontal ellipsis &hellip; &#8230;
per mille  &permil; &#8240;
minutes &prime; &#8242;
seconds &Prime; &#8243;
single left angle quotation &lsaquo; &#8249;
single right angle quotation &rsaquo; &#8250;
overline &oline; &#8254;
euro &euro; &#8364;
trademark &trade; &#8482;
left arrow &larr; &#8592;
up arrow &uarr; &#8593;
right arrow &rarr; &#8594;
down arrow &darr; &#8595;
left right arrow &harr; &#8596;
carriage return arrow &crarr; &#8629;
left ceiling &lceil; &#8968;
right ceiling &rceil; &#8969;
left floor &lfloor; &#8970;
right floor &rfloor; &#8971;
lozenge &loz; &#9674;
spade &spades; &#9824;
club &clubs; &#9827;
heart &hearts; &#9829;
diamond &diams; &#9830;

11.标签列表

按字母顺序排列

DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.

标签 描述 DTD
<!--...--> 定义注释。 STF
<!DOCTYPE>  定义文档类型。 STF
<a> 定义锚。 STF
<abbr> 定义缩写。 STF
<acronym> 定义只取首字母的缩写。 STF
<address> 定义文档作者或拥有者的联系信息。 STF
<applet> 不赞成使用。定义嵌入的 applet。 TF
<area> 定义图像映射内部的区域。 STF
<b> 定义粗体字。 STF
<base> 定义页面中所有链接的默认地址或默认目标。 STF
<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 TF
<bdo> 定义文字方向。 STF
<big> 定义大号文本。 STF
<blockquote> 定义长的引用。 STF
<body> 定义文档的主体。 STF
<br> 定义简单的折行。 STF
<button> 定义按钮 (push button)。 STF
<caption> 定义表格标题。 STF
<center> 不赞成使用。定义居中文本。 TF
<cite> 定义引用(citation)。 STF
<code> 定义计算机代码文本。 STF
<col> 定义表格中一个或多个列的属性值。 STF
<colgroup> 定义表格中供格式化的列组。 STF
<dd> 定义定义列表中项目的描述。 STF
<del> 定义被删除文本。 STF
<dir> 不赞成使用。定义目录列表。 TF
<div> 定义文档中的节。 STF
<dfn> 定义定义项目。 STF
<dl> 定义定义列表。 STF
<dt> 定义定义列表中的项目。 STF
<em> 定义强调文本。 STF
<fieldset> 定义围绕表单中元素的边框。 STF
<font> 不赞成使用。定义文字的字体、尺寸和颜色。 TF
<form> 定义供用户输入的 HTML 表单。 STF
<frame> 定义框架集的窗口或框架。 F
<frameset> 定义框架集。 F
<h1> to <h6> 定义 HTML 标题。 STF
<head> 定义关于文档的信息。 STF
<hr> 定义水平线。 STF
<html> 定义 HTML 文档。 STF
<i> 定义斜体字。 STF
<iframe> 定义内联框架。 TF
<img> 定义图像。 STF
<input> 定义输入控件。 STF
<ins> 定义被插入文本。 STF
<isindex> 不赞成使用。定义与文档相关的可搜索索引。 TF
<kbd> 定义键盘文本。 STF
<label> 定义 input 元素的标注。 STF
<legend> 定义 fieldset 元素的标题。 STF
<li> 定义列表的项目。 STF
<link> 定义文档与外部资源的关系。 STF
<map> 定义图像映射。 STF
<menu> 不赞成使用。定义菜单列表。 TF
<meta> 定义关于 HTML 文档的元信息。 STF
<noframes> 定义针对不支持框架的用户的替代内容。 TF
<noscript> 定义针对不支持客户端脚本的用户的替代内容。 STF
<object> 定义内嵌对象。 STF
<ol> 定义有序列表。 STF
<optgroup> 定义选择列表中相关选项的组合。 STF
<option> 定义选择列表中的选项。 STF
<p> 定义段落。 STF
<param> 定义对象的参数。 STF
<pre> 定义预格式文本。 STF
<q> 定义短的引用。 STF
<s> 不赞成使用。定义加删除线的文本。 TF
<samp> 定义计算机代码样本。 STF
<script> 定义客户端脚本。 STF
<select> 定义选择列表(下拉列表)。 STF
<small> 定义小号文本。 STF
<span> 定义文档中的节。 STF
<strike> 不赞成使用。定义加删除线文本。 TF
<strong> 定义强调文本。 STF
<style> 定义文档的样式信息。 STF
<sub> 定义下标文本。 STF
<sup> 定义上标文本。 STF
<table> 定义表格。 STF
<tbody> 定义表格中的主体内容。 STF
<td> 定义表格中的单元。 STF
<textarea> 定义多行的文本输入控件。 STF
<tfoot> 定义表格中的表注内容(脚注)。 STF
<th> 定义表格中的表头单元格。 STF
<thead> 定义表格中的表头内容。 STF
<title> 定义文档的标题。 STF
<tr> 定义表格中的行。 STF
<tt> 定义打字机文本。 STF
<u> 不赞成使用。定义下划线文本。 TF
<ul> 定义无序列表。 STF
<var> 定义文本的变量部分。 STF
<xmp> 不赞成使用。定义预格式文本。  

12.字符实体

  诸如 “<” 之类的符号在HTML中拥有特殊的含义,所以在文本中使用它们。为了在 HTML 中显示小于号 (<),我们需要使用字符实体。

 

字符实体
一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。

要在 HTML 文档中显示小于号,我们需要这样写:&lt; 或者 &#60;

使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

注意:实体对大小写敏感。

 

空格
空格是 HTML 中最普通的字符实体。

通常情况下,HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格,那么 HTML 会去掉其中的9个。如果使用 &nbsp;,就可以在文档中增加空格。

 

最常用的字符实体

显示结果 描述 实体名称 实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号  &apos; (IE不支持) &#39;

其他一些常用的字符实体

显示结果 描述 实体名称 实体编号
&cent; &#162;
£ &pound; &#163;
¥ 日圆 &yen; &#165;
§ &sect; &#167;
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

13.样式CSS

如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

 

外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

 

内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

 

内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

 

标签 描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。

14.URL 编码

下面是用 URL 编码形式表示的 ASCII 字符(十六进制格式)。

十六进制格式用于在浏览器和插件中显示非标准的字母和字符。

 

 

URL 编码 - 从 %00 到 %8f

ASCII Value URL-encode ASCII Value URL-encode ASCII Value URL-encode
æ %00 0 %30 ` %60
  %01 1 %31 a %61
  %02 2 %32 b %62
  %03 3 %33 c %63
  %04 4 %34 d %64
  %05 5 %35 e %65
  %06 6 %36 f %66
  %07 7 %37 g %67
backspace %08 8 %38 h %68
tab %09 9 %39 i %69
linefeed %0a : %3a j %6a
  %0b ; %3b k %6b
  %0c < %3c l %6c
c return %0d = %3d m %6d
  %0e > %3e n %6e
  %0f ? %3f o %6f
  %10 @ %40 p %70
  %11 A %41 q %71
  %12 B %42 r %72
  %13 C %43 s %73
  %14 D %44 t %74
  %15 E %45 u %75
  %16 F %46 v %76
  %17 G %47 w %77
  %18 H %48 x %78
  %19 I %49 y %79
  %1a J %4a z %7a
  %1b K %4b { %7b
  %1c L %4c | %7c
  %1d M %4d } %7d
  %1e N %4e ~ %7e
  %1f O %4f   %7f
space %20 P %50 %80
! %21 Q %51   %81
" %22 R %52 %82
# %23 S %53 ƒ %83
$ %24 T %54 %84
% %25 U %55 %85
& %26 V %56 %86
' %27 W %57 %87
( %28 X %58 ˆ %88
) %29 Y %59 %89
* %2a Z %5a Š %8a
+ %2b [ %5b %8b
, %2c \ %5c Π%8c
- %2d ] %5d   %8d
. %2e ^ %5e Ž %8e
/ %2f _ %5f   %8f

URL 编码 - 从 %90 到 %ff

ASCII Value URL-encode ASCII Value URL-encode ASCII Value URL-encode
  %90 À %c0 ð %f0
%91 Á %c1 ñ %f1
%92 Â %c2 ò %f2
%93 Ã %c3 ó %f3
%94 Ä %c4 ô %f4
%95 Å %c5 õ %f5
%96 Æ %c6 ö %f6
%97 Ç %c7 ÷ %f7
˜ %98 È %c8 ø %f8
%99 É %c9 ù %f9
š %9a Ê %ca ú %fa
%9b Ë %cb û %fb
œ %9c Ì %cc ü %fc
  %9d Í %cd ý %fd
ž %9e Î %ce þ %fe
Ÿ %9f Ï %cf ÿ %ff
  %a0 Ð %d0    
¡ %a1 Ñ %d1    
¢ %a2 Ò %d2    
£ %a3 Ó %d3    
  %a4 Ô %d4    
¥ %a5 Õ %d5    
| %a6 Ö %d6    
§ %a7   %d7    
¨ %a8 Ø %d8    
© %a9 Ù %d9    
ª %aa Ú %da    
« %ab Û %db    
¬ %ac Ü %dc    
¯ %ad Ý %dd    
® %ae Þ %de    
¯ %af ß %df    
° %b0 à %e0    
± %b1 á %e1    
² %b2 â %e2    
³ %b3 ã %e3    
´ %b4 ä %e4    
µ %b5 å %e5    
%b6 æ %e6    
· %b7 ç %e7    
¸ %b8 è %e8    
¹ %b9 é %e9    
º %ba ê %ea    
» %bb ë %eb    
¼ %bc ì %ec    
½ %bd í %ed    
¾ %be î %ee    
¿ %bf ï %ef    

15.网页服务器

第一步:个人 WEB 服务器(PWS)
如果你希望其他人访问你的页面,就必须发布它们。
要发布你的作品,你就要将你的文件拷贝到 WEB 服务器。
你自己的 PC 也可以作为 WEB 服务器使用,不过前提是它必须接入互联网。
如果使用的是 Windows 98,你可以用 PWS (Personal Web Server)。
你可以在 Windows 的安装 CD 的 PWS 文件夹中找到 PWS。

 

Personal Web Server (PWS)
PWS 可以将任何视窗计算机改造成 WEB 服务器。PWS 易于安装,同时也是开发和测试 WEB 应用程序的理想平台。PWS 为工作站进行了优化,不过仍然拥有一个完整的 WEB 服务器所有的必备条件。

 

如何安装 Personal Web Server (PWS):
浏览你的 Windows 安装程序,看一下 PWS 已经被安装。
如果没有,从 Windows 安装 CD 的 PWS 目录安装 PWS。
根据安装提示进行安装,然后启动运行你的 PWS。
提示:微软的 Windows XP 家庭版不提供对 PWS 的支持。

 

Internet Information Server (IIS)
Windows 2000 内置的 WEB 服务器 IIS,使得创建针对网络的大型应用程序变得简单。PWS 和 IIS 均包含 ASP,一种用于创建动态和交互性 WEB 应用程序的服务器端脚本标准。同时,IIS 也可以应用于 Windows NT 平台。

 

下一步: 专业的 Web Server ?
假如你不打算使用 PWS 和 IIS,那么你需要将文件上传到一个公共的空间。
大多数因特网服务提供商均提供网页寄存服务。
如果你的老板有一个因特网的服务器,你也可以要求他为你寄存网页。
当然,如果你对此极为认真的话,你应该搭建自己的因特网服务器。

16.命令标识符

命令标识符指定了要在给定对象上执行的操作。

 

 

命令标识符

2D-Position 允许通过拖曳移动绝对定位的对象。
AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
BackColor 设置或获取当前选中区的背景颜色。
BlockDirLTR 目前尚未支持。
BlockDirRTL 目前尚未支持。
Bold 切换当前选中区的粗体显示与否。
BrowseMode 目前尚未支持。
Copy 将当前选中区复制到剪贴板。
CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
Cut 将当前选中区复制到剪贴板并删除之。
Delete 删除当前选中区。
DirLTR 目前尚未支持。
DirRTL 目前尚未支持。
EditMode 目前尚未支持。
FontName 设置或获取当前选中区的字体。
FontSize 设置或获取当前选中区的字体大小。
ForeColor 设置或获取当前选中区的前景(文本)颜色。
FormatBlock 设置当前块格式化标签。
Indent 增加选中文本的缩进。
InlineDirLTR 目前尚未支持。
InlineDirRTL 目前尚未支持。
InsertButton 用按钮控件覆盖当前选中区。
InsertFieldset 用方框覆盖当前选中区。
InsertHorizontalRule 用水平线覆盖当前选中区。
InsertIFrame 用内嵌框架覆盖当前选中区。
InsertImage 用图像覆盖当前选中区。
InsertInputButton 用按钮控件覆盖当前选中区。
InsertInputCheckbox 用复选框控件覆盖当前选中区。
InsertInputFileUpload 用文件上载控件覆盖当前选中区。
InsertInputHidden 插入隐藏控件覆盖当前选中区。
InsertInputImage 用图像控件覆盖当前选中区。
InsertInputPassword 用密码控件覆盖当前选中区。
InsertInputRadio 用单选钮控件覆盖当前选中区。
InsertInputReset 用重置控件覆盖当前选中区。
InsertInputSubmit 用提交控件覆盖当前选中区。
InsertInputText 用文本控件覆盖当前选中区。
InsertMarquee 用空字幕覆盖当前选中区。
InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
InsertParagraph 用换行覆盖当前选中区。
InsertSelectDropdown 用下拉框控件覆盖当前选中区。
InsertSelectListbox 用列表框控件覆盖当前选中区。
InsertTextArea 用多行文本输入控件覆盖当前选中区。
InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
Italic 切换当前选中区斜体显示与否。
JustifyCenter 将当前选中区在所在格式化块置中。
JustifyFull 目前尚未支持。
JustifyLeft 将当前选中区所在格式化块左对齐。
JustifyNone 目前尚未支持。
JustifyRight 将当前选中区所在格式化块右对齐。
LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
Open 目前尚未支持。
Outdent 减少选中区所在格式化块的缩进。
OverWrite 切换文本状态的插入和覆盖。
Paste 用剪贴板内容覆盖当前选中区。
PlayImage 目前尚未支持。
Print 打开打印对话框以便用户可以打印当前页。
Redo 目前尚未支持。
Refresh 刷新当前文档。
RemoveFormat 从当前选中区中删除格式化标签。
RemoveParaFormat 目前尚未支持。
SaveAs 将当前 Web 页面保存为文件。
SelectAll 选中整个文档。
SizeToControl 目前尚未支持。
SizeToControlHeight 目前尚未支持。
SizeToControlWidth 目前尚未支持。
Stop 目前尚未支持。
StopImage 目前尚未支持。
StrikeThrough 目前尚未支持。
Subscript 目前尚未支持。
Superscript 目前尚未支持。
UnBookmark 从当前选中区中删除全部书签。
Underline 切换当前选中区的下划线显示与否。
Undo 目前尚未支持。
Unlink 从当前选中区中删除全部超级链接。
Unselect 清除当前选中区的选中状态。

17.HTTP 状态消息

1xx: 信息

消息: 描述:
100 Continue 服务器仅接收到部分请求,但是一旦服务器并没有拒绝该请求,客户端应该继续发送其余的请求。
101 Switching Protocols 服务器转换协议:服务器将遵从客户的请求转换到另外一种协议。

2xx: 成功

消息: 描述:
200 OK 请求成功(其后是对GET和POST请求的应答文档。)
201 Created 请求被创建完成,同时新的资源被创建。
202 Accepted 供处理的请求已被接受,但是处理未完成。
203 Non-authoritative Information 文档已经正常地返回,但一些应答头可能不正确,因为使用的是文档的拷贝。
204 No Content 没有新文档。浏览器应该继续显示原来的文档。如果用户定期地刷新页面,而Servlet可以确定用户文档足够新,这个状态代码是很有用的。
205 Reset Content 没有新文档。但浏览器应该重置它所显示的内容。用来强制浏览器清除表单输入内容。
206 Partial Content 客户发送了一个带有Range头的GET请求,服务器完成了它。

3xx: 重定向

消息: 描述:
300 Multiple Choices 多重选择。链接列表。用户可以选择某链接到达目的地。最多允许五个地址。
301 Moved Permanently 所请求的页面已经转移至新的url。
302 Found 所请求的页面已经临时转移至新的url。
303 See Other 所请求的页面可在别的url下被找到。
304 Not Modified 未按预期修改文档。客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。
305 Use Proxy 客户请求的文档应该通过Location头所指明的代理服务器提取。
306 Unused 此代码被用于前一版本。目前已不再使用,但是代码依然被保留。
307 Temporary Redirect 被请求的页面已经临时移至新的url。

4xx: 客户端错误

消息: 描述:
400 Bad Request 服务器未能理解请求。
401 Unauthorized 被请求的页面需要用户名和密码。
402 Payment Required 此代码尚无法使用。
403 Forbidden 对被请求页面的访问被禁止。
404 Not Found 服务器无法找到被请求的页面。
405 Method Not Allowed 请求中指定的方法不被允许。
406 Not Acceptable 服务器生成的响应无法被客户端所接受。
407 Proxy Authentication Required 用户必须首先使用代理服务器进行验证,这样请求才会被处理。
408 Request Timeout 请求超出了服务器的等待时间。
409 Conflict 由于冲突,请求无法被完成。
410 Gone 被请求的页面不可用。
411 Length Required "Content-Length" 未被定义。如果无此内容,服务器不会接受请求。
412 Precondition Failed 请求中的前提条件被服务器评估为失败。
413 Request Entity Too Large 由于所请求的实体的太大,服务器不会接受请求。
414 Request-url Too Long 由于url太长,服务器不会接受请求。当post请求被转换为带有很长的查询信息的get请求时,就会发生这种情况。
415 Unsupported Media Type 由于媒介类型不被支持,服务器不会接受请求。
416  服务器不能满足客户在请求中指定的Range头。
417 Expectation Failed  

5xx: 服务器错误

消息: 描述:
500 Internal Server Error 请求未完成。服务器遇到不可预知的情况。
501 Not Implemented 请求未完成。服务器不支持所请求的功能。
502 Bad Gateway 请求未完成。服务器从上游服务器收到一个无效的响应。
503 Service Unavailable 请求未完成。服务器临时过载或当机。
504 Gateway Timeout 网关超时。
505 HTTP Version Not Supported 服务器不支持请求中指明的HTTP协议版本。

18.URL(统一资源定位器)

HTML链接
当你单击 HTML 文档中的某个链接时,就像这个:最后一页,其中的 标签就会使用类似这样的 href 属性值指向一个网络上的地址:Last Page

在这个例子中,Last Page 的链接地址是相对于你所浏览的网站而言的,你的浏览器会自动构建一个完整的网址来访问这个页面,比如 http://www.duote.com/html/lastpage.html

 

URL(统一资源定位器)
一个称为 URL(统一资源定位器)的东西用于对万维网上的文档(或其他数据)进行寻址。一个完整的网址,例如:http://www.duote.com/html/lastpage.html,遵守如下语法规则:

scheme://host.domain:port/path/filename

Scheme 定义因特网服务的类型。最流行的类型是 http。

domain(域)定义因特网域名,比如:w3school.com.cn。

host(主机)定义此域中的主机。如果被省略,缺省的支持 http 的主机是 www。

:port(端口)定义主机的端口号。端口号通常是被省略的。缺省的端口号是 80。

path(路径)定义服务器上的路径(一个辅助的路径)。如果路径被省略,资源(文档)会被定位到网站的根目录。

filename(文件名)定义文档的名称。缺省的文件名一般会是 default.asp 或者 index.html,或者依据 WEB 服务器设置的其他文件名。

编者注:URL 的英文全称是 Uniform Resource Locator,中文也译为“统一资源定位符”。

 

URL Schemes
以下是其中一些最流行的 scheme:

Schemes 访问
file 本地 PC 上的文件。
ftp FTP 服务器上的文件。
http World Wide Web 服务器上的文件。
gopher Gopher 服务器上的文件。
news Usenet 新闻组。
telnet Telnet 连接。
WAIS WAIS 服务器上的文件。

 


访问新闻组
以下 HTML 代码创建一个指向新闻组的链接:

HTML Newsgroup这个链接显示如下:HTML Newsgroup

 

使用 FTP 进行下载
以下 HTML 代码创建一个下载文件的链接:

Download WinZip这个链接显示如下:Download WinZip

(这个链接是无法工作的,它仅仅是个例子,所以无需尝试。我们没有提供 FTP 目录。)

 

链接到邮件系统
以下 HTML 代码创建一个指向您的邮件系统的链接:

someone@duote.com这个链接显示如下:someone@duote.com

19.DHTML 集合

下面列出了由动态 HTML(DHTML) 对象模型定义的集合。

 

 

集合

all 返回对象所包含的元素集合的引用。
anchors 获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。
applets 获取文档中所有 applet 对象的集合。
areas 获取给定 map 对象所定义的 area 对象集合。
attributes 获取对象标签属性的集合。
behaviorUrns 返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。
blockFormats 获取指定可用块格式化标签的名称的字符串的集合。
bookmarks 返回捆绑到当前事件所影响的行上的 ActiveX® 数据对象(ADO)书签的集合。
boundElements 返回页面上所有绑定到给定数据集的所有元素的集合。
cells 获取表格行或整个表格中所有单元格的集合。
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
children 获取作为对象直接后代的 DHTML 对象的集合。
controlRange 由 createControlRange 或 createRange 方法返回的元素集合。
elements 获取以源顺序排列的给定表单中所有控件的集合。input type=image 对象不在此集合内。
embeds 获取文档中所有 embed 对象的集合。
filters 获取应用于对象的滤镜集合。
fonts 获取所有系统支持的字体的集合。
forms 获取以源顺序排列的文档中所有 form 对象的集合。
frames 获取给定文档定义或与给定窗口关联的文档定义的所有 window 对象的集合。
images 获取以源顺序排列的文档中所有 img 对象的集合。
imports 获取为每个 styleSheet 对象定义的所有导入样式表的集合。
links 获取文档中所有指定了 HREF 属性的 a 对象和所有 area 对象的集合。
mimeTypes 目前尚未实现。
namespaces 获取 namespace 对象的集合。
options 获取 select 对象中 option 对象的集合。
pages 获取代表 styleSheet 中的 @page 规则的 page 对象的集合。
plugins 获取文档中所有 embed 对象的集合。
rows 获取来自于 table 对象的 tr (表格行)对象的集合。
rules 获取样式表中所定义规则的集合。
scripts 获取文档中所有 script 对象的集合。
styleSheets 获取代表与文档中每个 link 或 style 对象的实例相对应的样式表的 styleSheet 对象的集合。
tBodies 获取表格中所有 tBody 对象的集合。此集合中的对象以 HTML 源顺序排列。
TextRange 获取 TextRange 对象的集合。
TextRectangle 由 getClientRects 方法返回的 TextRectangle 对象的集合。

20.DHTML 对象

下面列出了由动态 HTML 定义的对象。点击链接即可前往对象的定义,其中包含了该对象的所有成员集。

 

 

对象

!DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD)。
a 标明超链接的起始或目的位置。
acronym 标明缩写词。
address 特定信息,如地址、签名、作者、此文档的原创者。
applet 在页面上放置可执行内容。
area 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。
attribute 以对象的形式代表了 HTML 元素的标签属性或属性。
b 指定文本应以粗体渲染。
base 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。
baseFont 设置渲染文本时作为缺省字体的基础字体值。
bdo 允许作者为选定文本片断禁用双向法则。
bgSound 允许页面带有背景声音或创建音轨。
big 指定内含文本要以比当前字体稍大的字体显示。
blockQuote 设置文本中的一段引语。
body 指定文档主体的开始和结束。
br 插入一个换行符。
button 指定其中所含的 HTML 要被渲染为一个按钮。
caption 指定表格的简要描述。
center 将后面的文本和图像居中显示。
cite 用斜体显示标明引言。
clientInformation 包含关于 Web 浏览器的信息。
clipboardData 提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。
code 指定代码范例。
col 指定基于列的表格缺省属性。
colGroup 指定表格中一列或一组列的缺省属性。
comment 标明不可见的注释。
currentStyle 代表了在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式。
custom 代表了一个用户自定义元素。
dataTransfer 提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。
dd 在定义列表中表明定义。定义通常在定义列表中缩进。
defaults 编程设定元素行为的缺省属性。
del 表明文本已经从文档中删除。
dfn 表明术语的定义实例。
对话框帮助协助程序 提供对颜色对话框及块格式化和字体集合的访问。
dir 引起目录列表。
div 指定渲染 HTML 的容器。
dl 引起定义列表。
document 代表给定浏览器窗口中的 HTML 文档。
dt 在定义列表中表明定义术语。
em 强调文本,通常以斜体渲染。
embed 允许嵌入任何文档。
event 代表事件状态,如事件发生的元素,键盘状态,鼠标位置和鼠标按钮状态。
external 允许访问由 Microsoft® Internet Explorer 浏览器组件宿主应用程序提供的附加对象模型。
fieldSet 在字段集包含的文本和其它元素外面绘制一个方框。
font 指定用于渲染所包含文本的新字体、大小和颜色。
form 指定所包含控件在表单中起作用。
frame 在 FRAMESET 元素内指定单个框架。
frameSet 指定一个框架集,用于组织多个框架和嵌套框架集。
head 提供了关于文档的无序信息集合。
history 包含了用户已浏览的 URL 的信息。
hn 以标题样式渲染文本。
hr 绘制水平线。
html 表明文档包含 HTML 元素。
HTML 注释 避免任何内含文本或 HTML 源代码被处理并在浏览器窗口中显示。
i 指定文本应以斜体渲染,若可用的话。
iframe 创建内嵌浮动框架。
img 在文档中嵌入图像或视频剪辑。
implementation 包含了关于对象支持的模块信息。
IMPORT 从元素行为中导入标签定义。
input 创建各种表单输入控件。
input type=button 创建按钮控件。
input type=checkbox 创建复选框控件。
input type=file 创建文件上载控件,该控件带有一个文本框和一个浏览按钮。
input type=hidden 传输关于客户/服务器交互的状态信息。
input type=image 创建一个图像控件,该控件单击后将导致表单立即被提交。
input type=password 创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。
input type=radio 创建单选钮控件。
input type=reset 创建一个按钮,该按钮单击后将重置表单控件为其缺省值。
input type=submit 创建一个按钮,该按钮单击后将提交表单。
input type=text 创建一个单行的文本输入控件。
ins 指定被插入到文档中的文本。
isIndex 使浏览器显示一个对话框,提示用户输入单行文本。
kbd 以固定宽度字体渲染文本。
label 为页面上的其它元素指定标签。
legend 在 fieldSet 对象绘制的方框内插入一个标题。
li 引起列表中的一个项目。
link 允许当前文档和外部文档之间建立连接。
listing 以固定字体渲染文本。
location 包含关于当前 URL 的信息。
map 包含客户端图像映射的坐标数据。
marquee 创建一个滚动的文本字幕。
menu 创建一个项目的无序列表。
meta 向服务器和客户端传达关于文档的隐藏信息。
namespace 向文档中动态导入一个元素行为。
navigator 包含关于 Web 浏览器的信息。
nextID 创建编辑软件可以读取的唯一标识符。
noBR 不换行渲染文本。
noFrames 包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。
noScript 指定要在不支持脚本的浏览器显示的 HTML。
object 向 HTML 页面中插入对象。
ol 绘制文本的编号列表。
optGroup 允许作者对 select 元素中的选项进行逻辑分组。
option 引起 SELECT 元素中的一个选项。
p 引起一段。
page 代表 styleSheet 中的一条 @page 规则。
param 设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。
plainText 以固定宽度字体渲染文本,不处理标签。
popup 一种特殊的顶层窗口,主要用于出现在应用程序主窗口之外的对话框、消息框和其它临时窗口。
pre 以固定宽度字体渲染文本。
q 分离文本中的引语。
rt 指明 RUBY 元素的注音文本。
ruby 指明要放置在文本串之上或内嵌的注解或发音指南。
rule 代表了层叠样式表(CSS)中由选择符和一个或多个声明组成的的样式。
runtimeStyle 代表了居于全局样式表、内嵌样式和 HTML 标签属性指定的格式和样式之上的对象的格式和样式。
s 以删除线字体渲染文本。
samp 指定代码范例。
screen 包含关于客户屏幕和渲染能力的信息。
script 为脚本指定由脚本引擎解释的脚本。
select 引起列表框或下拉框。
selection 代表了当前激活选中区,即高亮文本块,和/或文档中用户可执行某些操作的其它元素。
small 指定内含文本要以比当前字体稍小的字体显示。
span 指定内嵌文本容器。
strike 以删除线字体渲染文本。
strong 以粗体渲染文本。
style 代表了给定元素所有可能的内嵌样式的当前设置。
style 指定页面的样式表。
styleSheet 代表了文档中单一的样式表。
sub 指定内含文本要以下标的形式显示,通常比当前字体稍小。
sup 指定内含文本要以上标的形式显示,通常比当前字体稍小。
table 指定所含内容要组织成行列的表格。
tBody 指明行作为表格主体。
td 指定表格中的单元格。
textArea 指定多行文本输入控件。
TextNode 将文本字符串代表为文档层次中的结点。
TextRange 代表 HTML 元素中的文本。
TextRectangle 指定包含元素或 TextRange 对象中一行文本的矩形。
tFoot 指明行作为表尾。
th 指定标题列。标题列将在单元格中居中并以粗体显示。
tHead 指明行作为表头。
title 包含文档的标题。
tr 指定表格中的一行。
tt 以固定宽度字体渲染文本。
u 带下划线渲染文本。
ul 绘制文本的项目符号列表。
userProfile 提供了允许脚本对用户配置信息请求读取访问并执行读取操作的方法。
var 定义编程变量。通常以斜体渲染。
wbr 向一块 NOBR 文本中插入软换行。
window 代表浏览器中一个打开的窗口。
xml 在 HTML 页面上定义一个 XML 数据岛。
xmp 以固定宽度字体渲染作为示例的字体。