HTML标记速查手册.doc

《HTML标记速查手册.doc》由会员分享，可在线阅读，更多相关《HTML标记速查手册.doc（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、【精品文档】如有侵权，请联系网站删除，仅供学习与交流HTML标记速查手册返回本讲是用户在文件中使用HTML标记时参考手册，除了特别注释外，列出的所有标记都可用于Micmsoft Explorer3.0或Netscape Navigator3.0。注意，有些浏览器不支持列出的所有标记。对于这些内容及今后HTML标准的修改情况，请参考HTML标记使用文本、头标。列表标记可以创建基本的HTML页面，在属性旁边的(MS)符号表示它仅用于Microsoft Internet Expforer。comments标注 创建注解，也可用于隐含浏览器不支持的JavaScript程序新方式标注的表示方法我们在In

2、ternet上可以看到许多各式各样的网页，其实这些网页基本上都可以通过用HTML语言编写程序来实现。听到计算机语言，您可能会想要退避，其实您不要害怕，HTML的语法非常简单。您可能会问，现在有关HomePage制作的工具软件那么多，还需要花时间去了解HTML吗？事实上，不管制作工具软件如何先进，HomePage的制作仍然以HTML语法为基础，所以要想在制作HomePage的时候能够运用自如，还是得先花些时间认识一下HTML语法，这对您是会有帮助的。HTML的结构基本上，编辑HTML的工具只要是能将输入的文字存成文本文件就可以了，因此您可以使用Windows 95的“记事本”来编辑HTML文件。

3、现在我们就以记事本来作为编辑HTML的工具吧！下面我们举一个简单的HTML文件来作为说明的例子：最简单的HTML文件这是第一层标题欢迎来到HTML的世界这是第一段这是第二段 这是一个简单的HTML文件。文件中所有的“符号以及所包含的内容，我们都称为是一个Tag（标签），Tag通常是成双成对的（但是也有少数例外），例如与就是。前面的Tag表示所指示效果的开始，后面的Tag则表示效果的结束，例子中每个Tag所代表的意义如下： ：这组标签表示的是整份文件的开始与结束，它的主要功能是告诉例览器这是一份HTML文件，不过这组标签是可以省略的。 ：这组标签内可放人文件标头(Header)的资料，如下面要介

4、绍的标题(Title）标签。 ：表示文件的标题，通常标题会显示在测览器视窗的最上方。 ：表示文件的主体，也就是想要显示在浏器中的文件内容。 ：表示其内的文字为大标题，将会以最大字体显示出来。 ：用来表示一个段落的结束。 您可以在“记事本”中输入上面范例的内容并且将它存成“.htm”文件，然后我们可以用任何一种浏览器来观看这个文件的内容。由上面这个例子，想必您已经大概知道HTML语言的特性了吧！下面让我们来多认识一些HTML中其他Tag的功能。注意：在HTML语法中是没有限制大小写的，也就是说，或的写法都是可以使用的，另外Tag与Tag之间的空格或空行并不会在浏览器中显示出来，要想产十分段或空行

5、的效果必须使用或等Tag。1.字体变化HTML语言也提供了字体变化的效果。下面是一些与文字有关的Tag，有兴趣的话请拿来试试看吧！ 加底线打字机字体加上删除线加大字体缩小字体将文字放在正常文字的右上方将文字放在正常文字的右下方让文字闪烁标题字体的大小变化，n为16将文字置中！- 与- 之间可放注解文字，而且不会在测览器上显示出来加在文字后面，表示要换行加在一段文字后面，表示要分段 我们在后面还会遇到更多更富变化的Tag使用技巧，而且随着HTML语言的发展，所能提供的功能将会越来越多。2.链接的功能HTML语言最特殊的地方就是它的链接能力，这种能力称为“超文本链接”，或简称“链接”。其使用的方式

6、如下： 链接对象代表文字或图片 注意：我们可以将链接的对象分为两种：“绝对路径”与“相对路径”，绝对路径指的是网址，或称URL（如：http/）；而相对路径则是指位于某一文件目录下的HTML文件（如：himlexample.him）。3.加入图片HTML的另一个特色就是可以让我们加入许多的图片，使文件看起来更丰富。加入图片所使用的语法是这个Tag，让我们看看下面这个实际的例子吧。 如果要调整图片的位置则可以用下面的语法：图片左边靠齐。：图片居中。：图片右边靠齐。 注意：在HomePage中只能显示GIF或JPG格式的图片，因此您必须先将其他格式的图片存成这两种文件格式才能加以运用。另外，我们也

7、可以将图片变成HomePage的背景。在B0DY的Tag中指定背景的语法： 4.加入颜色当然，HTML也提供了设定色彩的功能，在HTML中，颜色的设定是以16位的RCB值来表示。什么是RGB？RGB代表的是光的三原色，R（Red）红色、G（Green）绿色、B（Blue）蓝色。这三种颜色由于混合比例的不同，就会形成各种不同的颜色。在RGB值中共有6个数字，每种原色各占两个，00代表最暗的颜色，而FF则代表最亮的颜色。例如#123456，其中12是红色的值，34是绿色的值，56是蓝色的值。以下是几个比较常用的颜色对照表：英文色名 中文色名 RGB值 英文色名 中文色名 RGB值 Black 黑色

8、 #000000 Green 绿色 #008000 Silver 银色 #C0C0C0 Lime 莱姆绿色 #00FF00 Gray 灰色 #808080 Oliver 橄榄绿色 #808000 White 白色 #FFFFFF Yellow 黄色 #FFFF00 Maroon 栗子色 #800000 Navy 海军蓝色 #000080 Red 红色 #FF0000 Blue 蓝色 #0000FF Purple 紫色 #800080 Teal 蓝绿色 #008080 Fuchsia 樱红色 #FF00FF Aqua 水蓝色 #00FFFF 现在我们要将三段文字分别以不同的颜色表示，可以用下面的

9、方式来表达：黑色黄色水蓝色 您也可以指定背景的颜色，例如您想用黑色作为背景，就可以使用下面的语法： 一、结构标记标记 属性 功能 括人全部HTML文件内容 括人HTML头文件内容 括人HTML文件主体部分（文本和标记） BACKGROUND= 页面背景中名称或图像的URL标题 BGCOLOR= 页面背景颜色 TEXT= 页面文字颜色 LINK= 不是紧随其后的颜色 ALINK= 激活的链接颜色 VLINK= 紧随其后的链接颜色 BGROPERTIES=（MS） 背景图像属性。目前仅允许的值是FlXED，它用于防止背景图像滚动 TOPMARGIN=（MS） 页面上边空白，以像素表示 BOTTOM

10、MARGIN=（MS） 页面底部空白，以像素表示 标明当前文件的全部URL。这个可选择标记与一起使用 HREF= 此文件的全部URL 标明此文件是一个允许查询的网关脚本 PROMPT= 查询域提示 ACT10N= 查询的字符串应能通过的网关程序 标明在此丈档与其他丈档之间的链接件通常被用作HTML制作工具， 表示从此丈档到另一个文档的链接例如，可以在文件中创建一个多重链接。一般不常用 HREF= 当链接激活时，调用文档的URL NAME= 如果允许考虑一个锚点，它是一个锚点名称 REL= 当前文件与链接文件的关系，例如”TOC或”Glossary REV= 在当前文件与链接文件之间的相反关系

11、URN= 统一资源数（URN），它与HREF中的URL有很大的区别 TITLE= 与丈档链接的标题 获得文件的方法，例如：FTP，Gopher等 METHODS= 标明文件的meta信息（文件本身信息），例如，寻找工程的关键词，用于获得丈档、时间期限等的特殊HTTP头标。Meta信息通常是以关键字数值形式成对使用，用在文件的标记HEAD中 HTTP-EOUIV= 用作为瞩性值的同一名子创建新一个新的HTTP头标。例如， HTTP-EQUIV=Expires。标头的值由内容的瞩性定义 NAME= 如果meta的数据通常以关键字数值成对使用，NAME表示关键字，例如，作者和ID CONTENT=

12、成对使用的关键数值的内容（或由HTTP-EQUlV指明的HTTP头标） 标明与此文件相关的下一文件，（可能被一工具定义用于严格管理HTTP文件）。 NEXTID被认为无用 二、头标和标题标记 属性 功能 第一层头标 第二层头标 第三层头标 第四层头标 第五层头标 第六层头标 标明文件标题。在（HEAD）中使用 所有的标题目录都具有以下属性：ALIGN= 可能的值为CENTER，LEFT，和RIGNT 四、链接标记 属性 功能 用HREF的属性，创建与另一个文件链接的文件，使用NAME的属性，创建另一个可被链接的文件 HREF= 当链接被激活时，调用文件的URL NAME= 锚名 REL= 链接

13、文件与当前文件的关系，例如：TOC或Glossary， REL=并不常用 REV= 当前文件与链接文件反向的连接关系(不常用) URN= 统一资源数(URN)，与URL最明显的不同是存的HREF TITLE= 被链接文件标题(不常用) METHODS= 获得文件的方法，例如：FTP，Gopher，等(不常用) TARGET= 与文件相链接的显示的帧名 三、段落的区域标记 属性 功能 一般段落，结束的标题为可选择 ALIGN= 文本对齐为中心CENTEL左(LEFT)或右(RIGHT) 格式化文本区域 ALIGN= 文本中心(CENTER)、左(LEFT)或右(RIGHT)对齐 五、列表标记 属

14、性 功能 有序(接数字)列表 TYPE= 列表标识的数字类型可能值为A,a,i,I和l START= 列表的启始值 无序列表 TYPE= 使用加重列表符号标明列表项。可能的值DISC，CIRCLE(或ROUND)，和SQUARE 菜单列表项 列表目录，项数一般小于20字符 与，或一起使用的列表项 TYPE= 标记列表项使用的加重符号或数字值，可能值为：DISC，CIRCLE(或POUND)SQUARE，A，a，I,i，和l VALUE= 列表项数字值(影响列表项和所有在对此属性以下的内容) 定义或词汇列表 COMPACT= 该属性使列表占用较少空白空间 定义术语，作为定义列表的一部分 定义术语

15、的相关定义，作为定义列表的一部分 六、字符格式标记 属性 功能 强调(通常用斜体) 进一步强调(通常用黑体) 代码样例(通常用Courier体) 打印文本(通常用Courier体) 变量值或其它值的保存场所 式样文本(一般不常用) 术语定义 引用 黑体字 斜体字 打印(等宽)字体 预格式文本(线的精确端点和空白将被保存通常用等宽字体补偿) 比正常稍大的文字 比正常稍小的文字 下标 上标 在文字问加一划去线 七、其他要素标记 属性 功能 SIZE= 水平线 SIZE= 线的长度，以像素表示 WIDTH= 线的宽度，以像素或与文本的宽度百分比表示 ALIGN= 在页面中线的对齐方式，可能的值为LE

16、FT，RIGHT和CENTER NOSHADECOLOR=(MS) 使绘制的线为实线，而不是透明线水平线颜色 线断 CLEAR= 使文本在图像周围停止转行，可能的值为：RIGHT，LEFT，和ALL 使文本在页面边缘换行 必要时在此点处换行 用于长引用或引用文 有关文件作者签名和一般信息 使正文或图像对中 用敏感的方式使文本不断闪烁 改变文本的显示字体 SIZE= 字形的大小从1到7。默认值为3也可定义与当前字体相关值。例如：+2 COLOR= 改变文本的颜色 FACE= 若能在用户系统找到使用的字体，使用该字体名，多个字体名可用逗号隔开。使用在列表中找到的第一个字体将被使用 为当前页设置字体

17、的缺省字形大小 SIZE= 字体大小在缺省数值从1到7默认为值为3 八、图像、声音和嵌入媒体标记 属性 功能 在文件中嵌入图像 ISMAP 此图像是可单击的图像 SRC= 图像的URL ALT= 在不支持图像的浏览器中测览正文字符串 ALIGN= 决定指定图像的对齐方式，若为LEFT或RIGHT，图像将左列或右列对齐，所有的文字放在图像的旁边。TOP，MIDDLE，BOTTOM，或仅在Netscape中的TEXTTOP，ABSMIDDL， BASELINE和ABSBOTTOM决定了图像和在同一行中文本的对齐方式 VSPACE= 在图像和文本上边或图像和文本下边的空白 HSPACE= 在图像和文

18、本左边或图像和文本右边的空白 WIDTH= 图像宽度，以像素表示。如果宽度不是实际宽度，图像按比例进行了缩放 HEIGHT= 图像高度，以像素表示。如果高度不是实际高度，图像按比例进行了缩放 BORDER= 在图像周围按指定像素画一边框，一但图像被链接，与边框链接的BORDER值将变为缺省值 LOWSRC= 图像在SRC中被指定前，第一次装入图像的路径和URL，LOWSRC的值通常比实际图像值小或比实际图像分辨率低 USEMAP= 图像映射名，特指客户方图像映射与(MAP)与连用 DYNSRC= (MS) 视频片段或VRML世界的地址(动态来源) CONTROLS= (MS) 与DYNSRC连

19、用，一套内置视频播放控制系统 LOOP= (MS) 视频片段循环括放次数(-1或INFINITE表示无限循环) START= (MS) 当动态视频片段开始播放时，有效的选项是FILEOPEN(当页面显示时播放)或MOUSEOVER(当光标移过视频区域时播放) (MS) 当页面显示时，播放声音文件 SRC= (MS) 嵌入WAV的URL，AU，或MIDI声音文件的URL LOOP= (MS) 视频片段循环播放次数(-1或INFINITE，表示无限循环) script程序翻译器 LANGUAGE= 目前Netscape仅支持JAVASCRIPT，Microsoft支持JAVASCRIPT和VBSC

20、RIPT SRC= 包含script程序文件的URL 在文件中嵌入图像、音频Java小应用程序或ActiveX控制 注意：标记的使用还没有最后落实，可以查阅http:/www.w3.org，获得HTML3.2标准版支持的最新属性内容。 插入一个自运行Java小应用程序 CLASS= 小应用程序名称 SRC= 能找到的编译过的小应用程序所在目录的URL(在http:/mysite/myapplets/中应当以/作为结束符标记，不必包含用CLASS瞩性定义的实际小程序名) ALIGN= 指明小程序应当与它下面任何丈本的对齐方式，当前值为TOP，MIDDLE和BOTTOM WIDTH= 小程序输出区

21、域宽度，以像素为单位 HEIGHT= 小程序输出区域高度，以像素为单位 指定的程序参数(通常在标记和中使用) NAME= 所给小应用程序和ActiveX控制的信息类型 VALUE= 所给小应用程序和ActiveX控制的实际信息值 REF= 表明此标记 包含对象的地址和位置 (仅在Netscape中使用) 以插入应用的形式嵌入可以阅读可以显示的文件 注意：除了以下这些标准属性外，还可以指定小应用程序的特定属性，这些内容可以由插入的程序进行翻译，插入的程序以嵌入对象的方式显示。 SRC= 嵌入文件的URL WIDTH= 嵌入对象的宽度，以像素表示 HEIGHT= 嵌入对象的高度，以像素表示 ALI

22、GN= 决定媒体窗口的对齐方式，取值与标记相同 VSPACE= 媒体与文本上边及下边的空白区域 HSPACE= 媒体与丈本左边及右边的空白区域 BORDER= 在媒体周围以像素为单位按给定尺寸绘制边框 以交互式文本和图像方式为没有进行嵌入安装的用户提供显示 客户方的图像映射，可参考。包含一个或更多的标记 在客户图像映射中，定义可单击的链接 SHAPE= 可单击的区域形状，目前仅支持RECT COORDS= 在图像中，可单击的上、下、左区域坐标 HREF= 当该区域被单击时，应装入URL NOHREF= 当该图像区域被单击时，表明无其他事件发生 九、表单标记 属性 功能 表示输入表单 ACTIO

23、N= 处理此输入表单script程序的URL METHOD= 表示表单输入如何送至服务器的网关，可能值为GET或POST ENCTYPE= 通常有值/x-www-form-urlencoded对于装载文件，使用multipart/form-data NAME= 能够涉及表单的命名，命名用JavaScript书写 表单的输入要素 TYPE= 输入的控件类型。可能的值为CHECKBOX，HIDNEN，RADIO，RESET，SUBMIT，TEXT，SENDFILE，或IMAGE NAME= 项目名称，进入网关script程序的名称，作为命名/数值对形式的一部分 VALUE= 作为一个文本或隐藏控件

24、的缺省值。作为复选框，单选按钮，在表单中提交值，作为复位或提交按钮，由按钮自身标识 SRC= 图像源文件 CHECKED 对于复选框和单选按钮，表示控件已被检查 SIZE= 字符及文本控件的尺寸 MAXLENGTH= 在控件中可输入文本的最大字符数 ALIGN= 对于表单中的图像，确定丈本和图像的对齐方式(与标记类似) 表示表格单元中的多行丈本，包括缺省文本 NAME= 进入网关script程序的名称，作为命名/数值对形式的一部分 ROWS= 文本区域的显示行数 COLS= 文本域的显示列(字符)数 WRAP= 控制文本转行，可能的值为OFF，VIRTUAL，PHYSICAL 创建一菜单或可能

25、选项的滚动列表 NAME=进入网关script程序的名称，作为命名/数值对形式的一部分 SIZE= 显示的元素数目，若SIZE值存在，选择部分变成滚动列表。若SIZE值不存在，选择部分为弹出式菜单 MULTIPLE 允许从列表中进行多重选择 表示在元素中的可能选项 SELECTED 包含该属性时，将在列表被选为缺省值 VALUE= 当表单提交时，著被选中，提交该值 十、表格标记 属性 功能 创建一个包含标题()和任意行数()的表格 BORDER= 说明画的表格包含或不包含边框。在Netscape中，BORDER中的值表示框的宽度 CELLSPACING= 在表格单元之间的空白总数 CELLPA

26、DDING= 在表格单元边缘和单元内容之间的空格数 WIDTH= 页面中表格的宽度。该值可给出确切像素值或按页面宽度的百分比给出 ALIGN= (MS) 对齐方式(工作方式同IMGALIGN)，取值为LEFT或RIGHT BGCOLOR= 表格中所有单元的背景颜色，不包含自身的BACLGROUND或BGCOLOR属性 BACKGROUND=(MS) 表格中所有单元的背景图像，不包含自身的BACKGROUND或BGCOLOR属性 BORDERCOLOR= (MS) 边框颜色(与BORDER=一起使用)三维边框颜色较轻部分(与BORDER=一起使用) BORDERCOLORLIGHT=(MS) 三

27、维边框颜色较重部分(与BORDER=一起使用) BORDERCOLORDARK=(MS) 在表格中文本的对齐方式，取值为TOP和BOTTOM VALIGN=(MS) 显示表格的外部边框的控制。取值为void(无边框)，above(仅有顶框),below(仅有底框)，hsides 有顶框和底框)，lhs(左边框)，rhs(右边框)，vsides(左右边框)和box(所有边框) FRAME=(MS) 显示表格内部的边框控制。取值为none，basic(仅在THEAD、TBODY和TFOOT之间的规则)rows(仅有水平边框)，cols(仅有垂直边框)，和all 表格标题 ALIGN= 标题位置。可

28、能的取值为TOP和BOTTOM 定义表格的一行，包括头标和数据(标记和) ALIGN= 行单元内容的水平对齐方式，可能取值为LEFT，RIGHT和CENTER VALIGN= 行单元内容的竖直对齐方式，可能的值为TOP，MIDDLE,BOTTOM和BASELINE BGCOLOR= 行中所有单元的背景颜色，不包含自身的BACKGROUND或BGCOLOR属性 BACKGROUND=(MS) 行中所歹单元的背景图像，不包含自身的BACKGROUND或BGCOLOR属性 BORDERCOLOR=(MS) 边框颜色 (与BORDER=一起使用) BORDERCOLORLIGHT=(MS) 三维框的颜

29、色较轻部分(与BORDER=一起使用) BORDERCOLORDARK=(MS) 三维边框颜色较重部分(与BORDER=一起使用) 定义表头单元 ALIGN=单元内容水平对齐，可能的取值为LEFT，RIGHT和CENTER VALIGN=单元内容竖直对齐，可能的取值为TOP，MIDDLE，BOTTOM和BASELINE ROWSPAN= 单元行数的延伸 COLSPAN=” 单元列数的延伸 NOWRAP= 对单元中的内容不自动换行 WIDTH=单元中列的宽度。该值可按确切的像素值或按页面宽度的百分比给出 BGCOLOR= 表格单元的背景颜色 BACKGROUND=(MS) 表格单元内图像的背景颜

30、色 BORDERCOLOR=(MS) 边框颜色 (与BORDER=一起使用) BORDERCOLORLIGHT=(MS)三维框颜色的较轻部分(与BORDER=一起使用) BORDERCOLORDARK=(MS) 三维边框颜色较重部分(与BORDER=一起使用) 定义表格数据单元 ALIGN= 单元内容水平对齐，可能的取值为LEFT，RIGHT和CENTER VALIGN= 单元内容竖宜对齐，可能的取值为TOP，MIDDLE，BOTTOM，BASELINE ROWSPAN= 单元行数的延伸 COLSPAN= 单元列数的延伸 NOWRAP= 对单元中的内容不自动换行 WIDTH= 单元中列的宽度。

31、该值可按确切的像素值或按页面宽度的百分比给出 BGCOLOR= 表格单元的背景颜色 BACKGROUND=(MS) 表格单元内图像的背景颜色 BORDERCOLOR=(MS) 边框颜色 (与BORDER=一起使用) BORDERCOLORLIGHT=(MS) 三维框颜色的较轻部分(与BORDER=一起使用) BORDERCOLORDARK=(MS) 三维边框颜色较重部分(与BORDER=一起使用) 十一、框架标记 属性 功能 把主窗口分成一系列帧，每个帧能显示分离文本 ROWS= 将窗口或帧垂直分成指定行数，占全窗口宽度的百分比，或用星号(*)表明帧将占据所有剩余空间，或在帧间的划分空格(如果

32、设定多个* ) COLS= 除了将窗口或帧水平按列划分外，工作方式与ROWS相似 BORDER= 用像素表示帧边框大小(0关闭边框)，此这标记由于Netscape，Microsoft IE使用FRAMEBORDER和FRAME SPACING FRAMEBORDER=(MS) 决定是否显示帧的边框。选择项为YES和NO FRAMESPACING=(MS) 帧间的空格，以像素表示 在中定义一个单帧 SRC= 在帧中显示文本的URL NAME= 在链接中，使用TARGET属性，为一个目标帧命名 MARGINWIDTH= 在帧内留在文本左或右的空格数(以像素单位) MARGINHEIGHT= 在帧内，留在文本上方或下方的空格数(以像素单位) SCROLLING= 决定一个帧是否有滚动条。可能的值为YES，NO，AUTO NORESIZE= 禁止用户使用鼠标改变帧大小(或调整帧) 在文件中，为下支持帧的测览器提供交互式文档(通常文本在/BODY)中) .精品文档.HTML语法速查