 |
|
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注重了兼容性的提高,采用了该规范所创建的主页可以由为HTML 2.0编写的浏览器所 阅读,因而得到了业界的广泛支持,与HTML 2.0相比,H TML 3.2主要在以下几方面进行了改进: ◇表格◇ 对Java程序段(Applet)的支持◇图象周围的文字环绕控制◇上标、下标一、HTML的语句和结构概要HTML 文档是以纯ASCII文件存在的,由"控制语句"与"显示内容"两部分组成。控制语句描述了显示内容以何种 形式展示给使用者,并负责客户与服务器之间的信息交换。控制语句以"标注"(Tag)形式出现,借以区分 于显示内容。标注由"〈""与""〉"所界定,有的控制语句仅需一个标注,例如:〈BR〉表示强行换行。也 有的控制语句需首尾两个标注,尾标注中含"/"以同首标注区分,例如:〈U〉"text with underline"〈/U〉, 首标注〈U〉开启下划线功能,尾标注〈/U〉关闭下划线功能。 既然"〈"和"〉"被用来提示标注,那么显示内容中有"〈"和"〉"怎么办呢?HTML以<表示"〈",以&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〉粗体〈FONT〉字符属性定义〈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 SPACING和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、middle、bottom表示上、 中、下对齐。对于存储框的大小,属性ROWSPAN设定存储框所跨越的列数;属性COLSPAN设定存储框跨越的 行数。 八、问答表格问答表格是网络中客户与服务器交互的重要方式。客户通过填写问答表格,将有关信 息反馈给服务器。 〈FORM〉语句,需首尾标注,可以使用ACTION、METHOD、ENCTYPE属性。属性METHOD可以有两种方式: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〉语句。需首尾标注,用于定义客户方的图像及可超连接的热区域。MAP语句需一个以上AREA 语句,以指示相关图像的热区域,属性shape定义热区域形状。属性coords定义坐标范围,属性href定义URL 。例:〈AREA shape="rect"coords="4,6,23,35"href ="go.html"〉
|
||
|
|
||
| 这里摘录的文章版权归原作者所有 | ||
| 《网页设计师》阿捷制作©1999-2000 |