发信人: tedz()
整理人: eagle(2000-12-24 09:43:41), 站内信件
|
HTML 3.2 编 程 指 南
----------------------------------------------------------------------
----------
作者：
HTML 3.2是WWW联盟(World Wide Web Con-sortium)今年4月关于HTML的最新
规范。参与定义的厂商
有IBM、Microsoft、Netscape、Novell、Soft Quad、Spyglass和Sun等。
虽然早在1995年3月就有人提出HTML 3.0的技术规范,并且有Are na、UdiWWW
、Emacs-W3等实验性的
浏览器支持;但是,由于HTML 3.0与HTML 2.0相比,改运过大,不利推广,因此HTML3
.0草稿现已被疲除。
新的HTML 3.2注重了兼容性的提高,采用了该规范所创建的主页可以由为HTM
L 2.0编写的浏览器所
阅读,因而得到了业界的广泛支持,与HTML 2.0相比,H TML 3.2主要在以下几方面
进行了改进: ◇表格◇
对Java程序段(Applet)的支持◇图象周围的文字环绕控制◇上标、下标一、HTML
的语句和结构概要HTML
文档是以纯ASCII文件存在的,由"控制语句"与"显示内容"两部分组成。控制语句
描述了显示内容以何种
形式展示给使用者,并负责客户与服务器之间的信息交换。控制语句以"标注"(Ta
g)形式出现,借以区分
于显示内容。标注由"〈""与""〉"所界定,有的控制语句仅需一个标注,例如:〈B
R〉表示强行换行。也
有的控制语句需首尾两个标注,尾标注中含"/"以同首标注区分,例如:〈U〉"text
with underline"〈/U〉,
首标注〈U〉开启下划线功能,尾标注〈/U〉关闭下划线功能。
既然"〈"和"〉"被用来提示标注,那么显示内容中有"〈"和"〉"怎么办呢?HT
ML以<表示"〈",以&rt
表示"〉",以&表示"&"以"表示引号。简单的理解,HTML语言有些象WPS,以一些标注
来描述显示内容的格
式。
〈!DOCTYPE HTML PUBLIC"-//W3C//CTD HTML 3.2//EN"〉是HTML3.2区分于其
它版本的HTML文件的
重要记号,它位于文件的开头,每个HTML文件以〈HTML〉标注做为开始,以〈/HMTL
〉标注结束整个文档。
整个文件分为文件头和文件体两部分。例:
〈!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2//EN"〉
〈HTML〉
〈HEAD〉
〈TITLE〉文件示例〈/TITLE〉
....其他文件头语句
〈/HEAD〉
〈BODY〉
....文件体
〈/BODY〉
〈/HTML〉
其中,〈HEAD〉...〈/HEAD〉之间是文件头,〈BODY〉...〈/BODY〉之间是文
件体。一个最简单的HTML
文件至少需要定义一个标题语句。而其他选项都是可以省略的,下面详细介绍一下
HTML3.2的控制语句。
二、文件头控制语句文件头中的内容主要用于定义HTML文档在WWW网中的情况
,其内容并不显示在浏
览器的页面内。通常我们可以省略〈HEAD〉的首尾标注,直接使用这些语句即可。
〈TITLE〉:文件标题,他是每个HTML文档必不可少的部分,显示在浏览器的标
题栏中,而不出现在页
面内。
〈ISINDEX〉:供搜索的关键字〈BASE〉:为相对URL定义的绝对URL。WWW使用
一种称为URL的地址确
定某个文件在INTERNET上的标准通信位置。WWW服务器可以根据URL地址,迅速找到
该文件。URL的格式为:
〈通信协议〉://〈主机名〉/〈路径〉/〈文件名〉〈META〉:用来显示相关主页
的信息。
〈LINK〉:与其他文件的联系以上语句中,TITLE语句需要首尾标注,而其他语
句则不一定需要。
三、文件体控制语句文件体中描述的是浏览器的页面中显示的内容。〈BODY
〉的属性定义BACKGROUND、BGCOLOR、TEXT、LINK、VLINK
和ALINK,用来设定背景图象、背景颜色、前台文字颜色及超文本连接颜色。LINK
用来设定未阅读过的超
文本连接颜色,缺省值是蓝色。VLINK用来设定阅读过的超文本连接颜色,缺省值是
紫色,ALINK用来设定
动作中的超文本连接颜色,缺省值是紫色。
颜色可以按红绿蓝三色分量以十六进制数字定义,例:C0FFC0 ,也可以按VGA常
见的16种颜色定义:aqua,black,blue,fuchsia,gray,green,lime,ma-roon,navy,
olive,purple,re
d,silver,teal,white,yellow。例1:
〈BODY BACKGROUND:"BG.GIF"〉
.....
〈/BODY〉
表示背景是名为"BIG.GIF"的图象。例2,定义背景为均一的颜色:
〈BODY BACKCOLOR=C0FFC0〉
.....
〈/BODY〉
出现在文件体中的控制语句通常可以分为两种:段落属性定义语句和文本属性
语句。
文件体中的段落属性语句导致文字换行,用来划分段落层次。常见的段落属性
定义语句有: 标题
〈H1〉～〈H6〉〈P〉段落〈LI〉表项〈HR〉水平线文本属性定义语句常用来强调
某段文字或表示转义
的涵意,控制字体与风格,不导致换行。例: 〈EM〉强调〈I〉斜体〈B〉粗体〈FO
NT〉字符属性定义〈A〉
超媒体连接〈IMG〉图象〈APPLET〉内嵌Java程序段四、字体与风格控制语句它们
通常不会导致段落的
划分,而是用来定义某一段文字的显示风格。它们甚至可以包括其它块,但不包括
段落定义语句。
字体定义语句:需首尾标注。
〈TI〉固定宽度的字体,利于不同行之间的对齐。
〈I〉斜体〈B〉粗体〈U〉下划线〈STRIKE〉中心线贯穿〈BIG〉放大字体〈
SMALL〉缩小字体〈SUB〉
下标〈SUP〉上标〈FONT〉用于更改字体大小和颜色。属性有SIZE定义大小。属性
COLOR定义颜色。颜色
以RGB十六进制数字或16种颜色名定义。
风格定义语句:通过暗示被显示信息的类型,使浏览器会根据预先定义的风格
使用不同的字体对文本
进行规范。风格定义语句一般首尾均需要标注。
〈EM〉一般强调:通常用斜体〈STRONG〉特别强调:通常用黑体〈DFN〉用于定
义被包围的实例〈CODE〉
用于表示外部程序代码〈SAMP〉用于定义用户输出的实例〈KBD〉用于定义用户输
入的文字〈VAR〉用于
定义不同的命令行,变量或语句〈CITE〉用于表示引用语五、标题、段落与层次:
块控制语句块控制语句
用来定义一个文字块的格式,并导致文字换行,用来划分段落层次。
〈H1〉、〈H2〉、〈H3〉、〈H4〉、〈H5〉、〈H6〉定义文件内的标题层次
,以区分文章的章节段
落。通常需要首尾标注以确定产生作用的范围。〈H1〉表示最重要的标题,用较粗
和较重镑数的字体来
表示。〈H2〉表示次重要的,余此类推。可以在标题标注中加入ALIGN属性,以定义
标题文本的对齐方式
。
例:〈HI ALIGN=CENTER〉...centered heading...〈/H1〉〈P〉段落语句。
通常我们只定义段的开
始,而省略段落的尾标注。可以用ALIGN属性在段落语句中,以定义标题文本的对齐
方式。
例:〈P ALIGN=RIGHT〉〈BR〉强行换行。无需尾标注,一般地讲,浏览器在显
示HTML文档时,会忽略
文档中多余的空格和换行。如需换行,则要通过BP进行标识。CLEAR属性可用来定
义围绕图形换行的方式
。例如〈BR CLEAR=LEFT〉。
〈DIV〉文件分部。需首尾标注,可以用ALIGN属性在语句中,以定义对齐方式
。
〈HR〉水平线。不带尾标注,可以用ALIGN属性在语句中,以定义对齐方式。
〈CENTER〉文本居中对齐。需首尾标注。
〈PRE〉以固定宽度字体显示预格式化的文本。用来保留原始格式,常用于显
示源文件。
〈BLOCKQUOTE〉成段引用语。
〈ADDRESS〉联系地址。用于标注作者(联络人)的姓名、地址、电话等资料信
息。浏览器通常用斜
体字显示。某些浏览器可能要用到ADDRESS语句中的信息。ADDRESS语句需用首尾
标注限定范围。
六、列表列表是HTML文档中的一种重要的艺术表现形式,特别适合于罗列有关
信息内容,具有清晰明
了,易于查阅,操作性强的特点。第一个列表项可以是段落、有格式文本或超媒体
连接。列表可以嵌套,
显示时按层次缩进,清晰明了。HTML3.2中的列表分为三种:枚举式、编号式、定义
式。
〈UL〉枚举式列表。需首尾标注,和一个以上的〈LI〉定义语句。第一个列表
项由〈LI〉语句限定
范围。可以用TYPE属性定义UL和LI元素的风格。显示时,每个〈LI〉定义的项目前
均有3个黑圆点作前导
记号。例:
〈UL〉
〈LI〉...first list item
〈LI〉...second list item
...
〈/UL〉
〈OL〉编号式列表。需首尾标注,和一个以上的〈LI〉语句。显示时,每个〈
LI〉定义的项目前均自
动加有序列编号。例:
〈OL〉
〈LI〉...first list item
〈LI〉...second list item
...
〈/OL〉
〈DL〉定义式列表。需首尾标注、DT语句说明被定义的项目,〈DD〉说明相应
的定义。显示时,每个
〈DT〉定义列表项下面的产生一段由〈DD〉定义的说明文字。例:
〈DL〉
〈DT〉term name
〈DD〉term definition
...
〈/DL〉
七、表格表格是HTML3.2重要强化了的部分,也是HTML文档的又一种重要的艺
术表现形式掌握好表格
语句及其属性定义,对编写一个优秀的HTML文档非常重要。
〈TABLE〉语句。需首尾标注,TABLE的属性WIDTH,ALIGN,BOR-DER,CELL SPAC
ING和CELL-PADDING都
是可选的。CAPTION用于定义表格的标题。可带有属性A LIGN,为top或bottom,分
别表示标题放在表格的
上方和下方,缺省值为上方。TR语句定义表格的行,每行有一个以上由TH或TD定义
的元素。
例:
〈TABLE BORDER=3 CELLSPACING=2 CELLPADDING=2 WIDTH="80%"〉
〈CAPTION ALIGN=bottom〉...table Title...〈/CAPTION〉
〈TR〉〈TD〉first cell〈TD〉sec-ond cell
〈TR〉...
...
〈/TABLE〉
表格的缺省值无边框,并根据内容自动设定表格大小。表格属性WIDTH可定义
宽度。BORDER属性定义
边框的粗细、缺省值无边框,无格线。CELLSPACING属性定义不同存储框之间的间
距,缺省值是2。CELL-PADDING
属性定义存储框与其内容之间的间距。整个表格可用ALIGN设定对齐。
表格的元素由〈TD〉和〈TH〉语句定义。〈TD〉定义数据,〈TH〉定义标题。
表格的元素放置在表
格的存储框之中。对于表格元素与存储框之间的相对位置关系,属性ALIGN的值可
为left、mid-dle、right
分别表示左、中、右对齐。属性VALIGN设定垂直方向的排列方式,分别以top、mi
ddle、bottom表示上、
中、下对齐。对于存储框的大小,属性ROWSPAN设定存储框所跨越的列数;属性COL
SPAN设定存储框跨越的
行数。
八、问答表格问答表格是网络中客户与服务器交互的重要方式。客户通过填
写问答表格,将有关信
息反馈给服务器。
〈FORM〉语句,需首尾标注,可以使用ACTION、METHOD、ENCTYPE属性。属性M
ETHOD可以有两种方式:GET
和POST。GET将输入的信息转至ACTION所指定的程序进一步处理,POST将输入的信
息发往ACTION所指定的
文件储存。例:〈FORM method=GET action= "cgi-bin/query"〉〈INPUT〉定义输
入作用域。无尾标注,
属性由TYPE定义,可为单行文字域、口令字域、核对签、单选按钮、发送钮、重设
置钮、隐藏域、文件
上载、图象钮等多种类型。例:〈INPUT TYPE="text"NAME="address"SIZE="30"〉
定义了一个输入地址
的文本框,长度为30个字符。
〈TEXTAREA〉定义多行文本输入作用域。需首尾标注,首尾标注之间的内容用
于初始化域。
〈SELECT〉定义单或多选用菜单。需首尾标注,并包含一个或一个以上的任选
项。
九、超媒体链接相关语句这些语句标注通常用来定义图像、应用程序或超媒
体联结的地址等。
〈A〉锚定(anchor)语句:定义超媒体连接之间的关系。锚定语句属性有NAME
、HREF、REL、REV与TITLE
。当欲连接的对象位于远程主机上时,属性HREF指明所连接对象的URL。属性NAME
用来指定文件内部的某
一地点,并予以命名,以供URL使用。
URL如果是一个文档,则用文档名,例:"http://www.buet.edu.cn/test. html
"。如果是文件内某一
地点,则用文件名跟"#"再跟NAME属性定义的名称,如果在当前文件内,可以省略文
件名。例:"#lable"或"http://www.buct.edu.cn/test.html#lable"
〈IMG〉图像嵌入语句,用于插入图像,无尾标注。图像的格式可以为GIF或JPG。属
性有SRC、ALT、ALIGN、WIDTH、HEIGHT、BORDER、HSPACE、VSPACE、USEMAP
与ISMAP。属性SRC定义图像所在地点及文档名称。属性ALT表示图像的内容,使得
用字符型浏览器(如Lynx)
的用户也可以大概了解图像的内容。属性ALIGN用于对齐,top、middle、bottom分
别表示上、中、下对
齐。属性WIDTH、HEIGHT分别定义宽、高。属性BORDER定义有无边框。图像可以左
偏或右偏。BR与CLEAR
属性定义文字环绕方式。例:〈IMG SRC="canyon.gif " ALT="GrandCanyon"〉〈
APPLET〉语句。需首尾
标注,用于插入动画等Java程序段,支持Java浏览器。它的内容在程序没有加载之
前是隐含的。它的属性
有CODE、CODE-BASE、NA ME、ALT、ALIGN、WIDTH、HEIGHT、HSPACE与VS-PACE。
APPLET通过PARAM标识
传递参数。
〈MAP〉语句。需首尾标注,用于定义客户方的图像及可超连接的热区域。MA
P语句需一个以上AREA
语句,以指示相关图像的热区域,属性shape定义热区域形状。属性coords定义坐标
范围,属性href定义URL
。例:〈AREA shape="rect"coords="4,6,23,35"href ="go.html"〉
这里摘录的文章版权归原作者所有
《网页设计师》阿捷制作?1999-2000
--
朋友可以让时间变得短暂,让快乐加倍的膨胀,让悲伤悄悄的引退,让回忆不再平淡.我想我会喜欢这里.
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 61.130.131.33]
|
|