网页设计·HTML标签
HTML(Hyper Text Markup Language，即超文本标记语言)，用HTML编写的超文本文档称为HTML文档。它是由一系列的标记及属性组成，能独立于各种操作系统平台。 HTML标签：
HTML标签用来组成HTML元素，其两端有两个包括字符：“”(即角括号)。 HTML标签分为单标记和双标记。 单标记语法为：（“[]”的内容据情况而定）。 双标记语法为：显示内容
描述HTML标签的性质,每一个属性可以由我们网页编制者赋一定的值。标签属性出现在元素的内，并且和标签名之间有一个空格分隔；属性值用“”引起来。
：档案型态声明。 ：档案型态声明。 ：指示可搜寻的索引项。
：提示（要求输入的提示文字）。
„：送出搜寻条件（注：其中的问号 不 表示数字，是问号）。
//网页开始。 //头文件开始。
head标签
标签出现在文头的开头部分。与之间的内容不会在浏览器的文档窗口显
示。
">
第1页 共16页
网页设计·HTML标签
//设定基准的文字字体、字号各颜色。（字号大小
从1到7，缺省为3）。
：基本视窗名称（必须放在文头区段内）。
：相关性（必须放在文头区段内）。 //表明该文档是一个可用于检索的网关脚本，由服务器自动建立。。
标签定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。允许包含样式表（css）信息。
标签是单标签，用来描述一个html网页文档的属性，下面可以插入很多很有用的标签属性。如：作者、日期和时间、网页描述、关键词、页面刷新等（必须放在文头区段内）。
name变量：
//用来标记文档的作者。 //用来标记文档的作者。 //网页描述。
//用来标记搜索引擎在搜索你的页面时所取出
的关键词。
//
//copyright（版权）
//generator（编辑器） //revisit-after（重访） //网站建站时间
// reply-to（联系人邮箱）
http-equiv：(网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新等) //用来标记页面
的解码方式。
//用于自动刷新网页。 //刷新并跳转
网页。
//Expires(期限)
说明，指定网页在缓存中的过期时间，一但网页过期，必须到服务器上重新调阅，content必须是GMT的时间格式，直接输入数字表示多少后时间过期。
//禁止浏览器从本地机的缓存中调阅页面
内容，使浏览者无法脱机浏览。pragma（cach 模式）。
//Windows-target(显示窗口设定)，用
第2页 共16页
网页设计·HTML标签
来防止别人在框架里面调用你的页面，content选项有：_blank(空白) _top（顶部） _self（自身） _parent（父）。
duration：滤镜持续时间；transtion：滤镜类型，表示使用哪种特效，取值0-23,具体如下： 0：矩形减小 1：矩形扩大
2：圆形缩小 3：圆形扩大 4：向上擦除 5：向下擦除
6：向左擦除 7：向右擦除 8：垂直百叶窗
//设定css层叠样式的内容。
9：水平百叶窗
10：横向棋盘式 11：纵向棋盘式
12：溶解
13：左右向中部收缩 14：中部向左右展开 15：上下向中部收缩 16：中部向上下展开
17：阶梯状向左下展开 18：阶梯状向左上展开 19：阶梯状向右下展开 20：阶梯状向右上展开
21：随机水平线 22：随机垂直线 23：以上随机选择
//设定外部文件的连接。
其属性有：href，指定需要加载的资源的地址URL；rel，指定链接类型；type，包含内容的类型，若要链接CSS文件则使用type=”text/CSS”.
//头文件结束。
//主体开始。
标签
标签表明是HTML文档的主体部分。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。
标签
标签表明是HTML文档的主体部分，即页面的实际内容。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。 属性：
如
具体如下：
bgcolor="颜色代码” //设定页面背景颜色（可用相应的英文单词表示，也可用#加两位一组的三组十
第3页 共16页
网页设计·HTML标签
六进制数表示，每组依序表示为红、绿、蓝）
background="图片url地址” //设定页面背景图片可以使用的图片格式为.gif、.jpg等。
bgproperties="空格/fixed” //空为默认值；fixed设定页面背景图片为固定，即背景图片成水印效果，图片不随滚动条的滚动而滚动。
text="颜色代码” //设定页面文字颜色，text属性定义的颜色将应用于整篇文档。
link="颜色代码” //设定页面默认的链接颜色，即普通超链接颜色。 vlink="颜色代码” //访问过的超链接颜色。
alink="颜色代码” //鼠标下在单击时的链接颜色，即当前活动的超链接颜色。
leftmargin="数值” //设定网页主体内容距离网页左端的距离。（单位为像素） topmargin="数值” //设定网页主体内容距离网页顶端的距离。（单位为像素） 例：
bgcolor=“green”
background=“image/1.jpg”
bgproperties=“fixed”
text=“black”
link=“blue” vlink=“yellow” alink=“black”> 扩展：HTML对颜色的控制
HTML
使用
16
进制(数码有：
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) 的RGB颜色值对颜色进行控制。
标签 Color：字体颜色 Face：字型（字体） Size：字体大小
例：第二章
„ //改变字体大小。
„ ：文字标题字号,#=1, 2, 3, 4, 5, 6；字形大小 依次由大到小。
„
：区分/层标签,用于布局定位网页元素。排版大块html段落的标签，也用于格式
化表。作为文字分区时保证各分区内容的排版方式独立。
„
：区分的对齐。 „：引文区块（通常会内缩）。 „：强调（通常会以斜体显示）。
„：特别强调（通常会以加粗显示）。 „：引文(通常会以斜体显示)。 „：编码(显示原代友码之用)。 „：样本。
第4页 共16页
网页设计·HTML标签
„：键盘输入。 „：变数。
„：定义（在些浏览器提供）。 „：地址。 „：大字。 „：小字。
（与外观相关的标签***作者自定的表现方式） ：注释标签。 …：文本加粗。 „：文本倾斜 „：文本下划线 „：文本删除线 „：文本删除线
„
：段落标签；通常是两个return-回车换行符。
„
：段落（新定义成容器型标签），文字对齐方式。 ：换行，插入一个return-回车换行符。
文字部分对齐方式（与图片合用时）。 ：可换行处。如果需要，可在此断行。 „：不可换行。
：加入一条水平线。
：水平线对齐。
：设置水平线的粗细、宽度(可用%或绝对像素点pixels为单位)。
或为
：实线，没有立体效果，没有阴影的水平线。
：水平线属性。
„
：预先编排文字（预先格式化，即原样输出）。 „：上标。 „：下标。
„：打字机体（用单空格字显示）。
„：闪耀（有史以来最被嘲弄的标签）。 „：将网页元素居中显示（图、文均可用)。
空格： 
=========================================================================
： 提示信息
变量标记/！作者信息 文字闪烁标记 文字打字!/ 显示html代码 被标示的文字说明文字„
第5页 共16页
网页设计·HTML标签
=========================================================================
使特定的文本有序化。
无序列表：由
和
* 元素定义的
* …
* …
„„
说明：无序列表的默认符号是圆点。
标签有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有disc(实心圆)、circle（空心圆）、square（方块）
有序列表：
由
和
* 定义
* …
* …
* …
说明：type属性，type属性的属性值有1、A、a、I、i等。Start属性,定义列表的起始编号。
„
：创建一个标有数字的列表。
„
* „
：有次序式列举（
* 放在每一项前）。
：起始数字（定义全部的列举项）。
* ：放在每个数字列表项之前，并加上一个数字。
* ：（定义这个及其后的列表项）。
* ：（定义这个及其后的列表项）。
---------------------------------------------------------------------------------
„
„
„
：定义式列举（
项目,
定义）。
„
* „
：表单式列举（
* 放在每一项前）。
„
* „
：目录式列举（
* 放在每一项前）。
：一个用来排版大块html段落的标签，也用于格式化表。
普通超级链接： 链接 //创建一个超链接。 E-mail超级链接： 链接
第6页 共16页
网页设计·HTML标签
参数：cc/subject/body
例：链接
锚点(书签)： (前)链接 或用
(后)链接 或用
链接属性：target="_blank/_self/_parent/_top"
„：设定锚点（目的），也可用，和上一条配合使用。
„：创建一个指向位于文档靶位的链接（如果锚点在目前的文档中）。
„：连接到目的视框。
„：连接到锚点(如果锚点在另外一个文档)。 „。
属性：
Src：所引用的图片的URL地址（绝对路径/相对路径）。 Width：图片宽度。 Height：图片高度。 Alt：图片的替代文本。
Border：图片的边框(属性值为象素数)。 Align：图片的对齐方式。
Hspace：图片与左、右的文本之间的水平间距(属性值为象素数)。 Vspace：图片与左、右的文本之间的垂直间距(属性值为象素数)。
例：[我的banner]
[取代图片文字]
：图片对齐方式。
[***]：取代图片文字（如果不能显示图片则显示此文字）。 ：图片大小（以pixels为单位）。 ：设置图片的边框的大小（以pixels为单位）。 ：图片边缘空间（以pixels为单位）。 ：低解析度图片。 ：点选图。
或为：点选图（需要cgi程式）。 ：添加一张图片。
：排列对齐一张图片。
第7页 共16页
网页设计·HTML标签
所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。
图象映射由定义。有一个基本属性是name。Name给图象映射命名，这个命名将会被元素用usemap属性引用。所以，图象上的图象映射实际上是对定义的映射的一个引用。
在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形)。
„：地图（描述地图）。 例：
一个基本的表格代码：
注意：上述的三个元素必须、而且只能够配对使用。缺少任何一个 元素，都无法定义出一个表格。
标签 属性：
Width：表格宽度(可用%比率表式)。 Height：表格高度。 Border：表格边框。
第8页 共16页
网页设计·HTML标签
Bgcolor：表格背景颜色。 Background：表格背景图片。 Bodercolor：表格边框颜色。 Bordercolorlight：亮边框的颜色。 bordercolordark：暗边框的颜色。 Align：表格对齐方式。 Cellspacing：单元格间距。 cellpadding单元格边距。
标签 属性：
Width：单元格宽度。 Height：单元格高度。
Align：当前单元格里的内容（文本，图片等）的水平对齐方式。 Valign：当前单元格里的内容（文本、图片等）的垂直对齐方式。 Colspan：当前单元格跨越列数。 Rowspan：当前单元格跨越几行数。
Nowrap：当前单元格内容是否换行.(值可为空或”nowrap”，默认为空，当值为 nowrap时为不换行)。
Bgcolor：当前单元格背景颜色。 Background：当前单元格背景图片。 Bodercolor：边框颜色。
补充： 垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐;
：创建一个表格。
：表格中的行。
：表格中的列。
：设置表头，一个通常使用黑体居中文字的格子。
：表格框线（可以设定数值）。
：表格行内容对齐方式。
：表格标题对齐方式。
或
：禁止单元格内的内容自动断行回卷，即表格内容不
换行。
或
：表格标题不换行。
：表格抬头。
标签属性同
第9页 共16页
网页设计·HTML标签
：表格抬头对齐（在表格之上/之下)。
：设置表格边距, 即表格内容表格边框间的距离。
：设置表格的宽度，用绝对像素值或文档总宽度的%比 。
width="777"
height="300" vspace="#"
cellspacing="0"
hspace="#"
cellpadding="0"
border="0"
bordercolor="#" bgcolor="#"
bordercolorlight="#"
bordercolordark="#"
background="url"
align="left/center/right"
frame="box/above/below/hsiges/vsides/lhs/rhs/void" rules="all/rows/closgroups/none">
valign="top/middle/bottom" background="url" bgcolor="#">
（通常需要与cgi程式配合）
表单是可以把浏览者输入的数据传送到服务器端的HTML标签。 格式为：a
„
action为对应的服务器端地址，method为传送方式，post为隐式传送，信息不在地址栏显示，get为显式传送。
”
第10页 共16页
网页设计·HTML标签
textarea
selecte
select标签格式：
选择
注：option标签为选择项标签。
„：定义表单。
„：上传文档。
：输入栏位。 ：栏位名称。
：栏位内定值（即默认值）.
：已选定(适用于checkboxes与radioboxes)，即设定初始值。
：栏位宽度（以字元数为单位）。
：最长字数（以字元数为单位）。
：下拉式选单。
：下拉式选单名称。
：选单项目数量。
：多选式选单（多选)。
（定义与控制荧幕上的特定区域）
„：视框格式总定义（取代body）。
„：视框行长度分配（pixels或%）。
„：视框行长度分配（*=相对大小）。
„：视框栏宽度分配（pixels或%）。
„：视框栏宽度分配（*=相对大小）。
：定义个别视框。
：个别视框内容。
：个别视框名称。
：边缘宽度。
： 边缘高度。
：滚动条。
：不可改变大小。
„：无视框时的内容（如果浏览器不提供视框功能的话）。
您的浏览器不支持frame
============================================================= ：段落。
=============================================================
属性：
Direction：移动方向（left(默认), right,up,down）。
第12页 共16页
网页设计·HTML标签
Behavior：移动方式（ slide滚动一次， alternate来回滚动，Scroll环绕滚动（默认））。 Loop：移动次数（若不指定则无限循环）当loop=-1或=infinite时，则为无限循环滚动（默认）。 Scrollamount：循环速度（任意自然数）。
Scrolldelay：循环延迟。
Bgcolor：移动文字背景。
属性值说明：
Slide：只循环一次
Alternate：往返循环
Scroll：单方向反复循环
对齐：align
top：对齐上方 meddile：对齐中部 bottom：对齐下方
鼠标的划过与离开：
onmouseover=this.stop();onmouseout=this.start();
效果为：鼠标划过则停止滚动，鼠标离开则继续滚动。
实例：
„„………
width="300" direction="left/right/up/down"
这里写不支持它的提示文字，如：“您的浏览器不支持frame”
align="left/right/center" bgcolor="#" height="200" border="0">文字或图片
嵌入多媒体对象
第13页 共16页
网页设计·HTML标签
：内嵌物件（将物件插入页面）。
：内嵌物件大小。
注意：
使用 标记之前，需要安装插件才可以。
对于不同的plugin，其embed属性也不同。
嵌入背景音乐：
特殊标记元素Object
说明：
元素用来包含图像、动态图像、Java小程序，用以替换更具体的和元素，以及和元素。
插入flash的代码：
：
：
：
：
插入aiv文件：
：
//主体结束。
网页结束
第14页 共16页
网页设计·HTML标签
ASP程序部分
ASP程序是以.asp为扩展名的HTML格式文件。它的运行需要ASP服务器来支持。
在ASP文件嵌入VBScript脚本的两种方法：
1.使用标签格式如下：
第15页 共16页
网页设计·HTML标签
贵州工业职业技术学院 计算机与信息工程系
网页 设 计 HTML
标 签
整 理· ·篇 0925B班 王 娇 共16页
网页设计·HTML标签
HTML(Hyper Text Markup Language，即超文本标记语言)，用HTML编写的超文本文档称为HTML文档。它是由一系列的标记及属性组成，能独立于各种操作系统平台。 HTML标签：
HTML标签用来组成HTML元素，其两端有两个包括字符：“”(即角括号)。 HTML标签分为单标记和双标记。 单标记语法为：（“[]”的内容据情况而定）。 双标记语法为：显示内容
描述HTML标签的性质,每一个属性可以由我们网页编制者赋一定的值。标签属性出现在元素的内，并且和标签名之间有一个空格分隔；属性值用“”引起来。
：档案型态声明。 ：档案型态声明。 ：指示可搜寻的索引项。
：提示（要求输入的提示文字）。
„：送出搜寻条件（注：其中的问号 不 表示数字，是问号）。
//网页开始。 //头文件开始。
head标签
标签出现在文头的开头部分。与之间的内容不会在浏览器的文档窗口显
示。
">
第1页 共16页
网页设计·HTML标签
//设定基准的文字字体、字号各颜色。（字号大小
从1到7，缺省为3）。
：基本视窗名称（必须放在文头区段内）。
：相关性（必须放在文头区段内）。 //表明该文档是一个可用于检索的网关脚本，由服务器自动建立。。
标签定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。允许包含样式表（css）信息。
标签是单标签，用来描述一个html网页文档的属性，下面可以插入很多很有用的标签属性。如：作者、日期和时间、网页描述、关键词、页面刷新等（必须放在文头区段内）。
name变量：
//用来标记文档的作者。 //用来标记文档的作者。 //网页描述。
//用来标记搜索引擎在搜索你的页面时所取出
的关键词。
//
//copyright（版权）
//generator（编辑器） //revisit-after（重访） //网站建站时间
// reply-to（联系人邮箱）
http-equiv：(网页到期时间、默认的脚本语言、默认的风格页语言、网页自动刷新等) //用来标记页面
的解码方式。
//用于自动刷新网页。 //刷新并跳转
网页。
//Expires(期限)
说明，指定网页在缓存中的过期时间，一但网页过期，必须到服务器上重新调阅，content必须是GMT的时间格式，直接输入数字表示多少后时间过期。
//禁止浏览器从本地机的缓存中调阅页面
内容，使浏览者无法脱机浏览。pragma（cach 模式）。
//Windows-target(显示窗口设定)，用
第2页 共16页
网页设计·HTML标签
来防止别人在框架里面调用你的页面，content选项有：_blank(空白) _top（顶部） _self（自身） _parent（父）。
duration：滤镜持续时间；transtion：滤镜类型，表示使用哪种特效，取值0-23,具体如下： 0：矩形减小 1：矩形扩大
2：圆形缩小 3：圆形扩大 4：向上擦除 5：向下擦除
6：向左擦除 7：向右擦除 8：垂直百叶窗
//设定css层叠样式的内容。
9：水平百叶窗
10：横向棋盘式 11：纵向棋盘式
12：溶解
13：左右向中部收缩 14：中部向左右展开 15：上下向中部收缩 16：中部向上下展开
17：阶梯状向左下展开 18：阶梯状向左上展开 19：阶梯状向右下展开 20：阶梯状向右上展开
21：随机水平线 22：随机垂直线 23：以上随机选择
//设定外部文件的连接。
其属性有：href，指定需要加载的资源的地址URL；rel，指定链接类型；type，包含内容的类型，若要链接CSS文件则使用type=”text/CSS”.
//头文件结束。
//主体开始。
标签
标签表明是HTML文档的主体部分。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。
标签
标签表明是HTML文档的主体部分，即页面的实际内容。在与之间，通常都会有很多其它标签；这些标签和标签属性构成HTML文档的主体部分。 属性：
如
具体如下：
bgcolor="颜色代码” //设定页面背景颜色（可用相应的英文单词表示，也可用#加两位一组的三组十
第3页 共16页
网页设计·HTML标签
六进制数表示，每组依序表示为红、绿、蓝）
background="图片url地址” //设定页面背景图片可以使用的图片格式为.gif、.jpg等。
bgproperties="空格/fixed” //空为默认值；fixed设定页面背景图片为固定，即背景图片成水印效果，图片不随滚动条的滚动而滚动。
text="颜色代码” //设定页面文字颜色，text属性定义的颜色将应用于整篇文档。
link="颜色代码” //设定页面默认的链接颜色，即普通超链接颜色。 vlink="颜色代码” //访问过的超链接颜色。
alink="颜色代码” //鼠标下在单击时的链接颜色，即当前活动的超链接颜色。
leftmargin="数值” //设定网页主体内容距离网页左端的距离。（单位为像素） topmargin="数值” //设定网页主体内容距离网页顶端的距离。（单位为像素） 例：
bgcolor=“green”
background=“image/1.jpg”
bgproperties=“fixed”
text=“black”
link=“blue” vlink=“yellow” alink=“black”> 扩展：HTML对颜色的控制
HTML
使用
16
进制(数码有：
0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) 的RGB颜色值对颜色进行控制。
标签 Color：字体颜色 Face：字型（字体） Size：字体大小
例：第二章
„ //改变字体大小。
„ ：文字标题字号,#=1, 2, 3, 4, 5, 6；字形大小 依次由大到小。
„
：区分/层标签,用于布局定位网页元素。排版大块html段落的标签，也用于格式
化表。作为文字分区时保证各分区内容的排版方式独立。
„
：区分的对齐。 „：引文区块（通常会内缩）。 „：强调（通常会以斜体显示）。
„：特别强调（通常会以加粗显示）。 „：引文(通常会以斜体显示)。 „：编码(显示原代友码之用)。 „：样本。
第4页 共16页
网页设计·HTML标签
„：键盘输入。 „：变数。
„：定义（在些浏览器提供）。 „：地址。 „：大字。 „：小字。
（与外观相关的标签***作者自定的表现方式） ：注释标签。 …：文本加粗。 „：文本倾斜 „：文本下划线 „：文本删除线 „：文本删除线
„
：段落标签；通常是两个return-回车换行符。
„
：段落（新定义成容器型标签），文字对齐方式。 ：换行，插入一个return-回车换行符。
文字部分对齐方式（与图片合用时）。 ：可换行处。如果需要，可在此断行。 „：不可换行。
：加入一条水平线。
：水平线对齐。
：设置水平线的粗细、宽度(可用%或绝对像素点pixels为单位)。
或为
：实线，没有立体效果，没有阴影的水平线。
：水平线属性。
„
：预先编排文字（预先格式化，即原样输出）。 „：上标。 „：下标。
„：打字机体（用单空格字显示）。
„：闪耀（有史以来最被嘲弄的标签）。 „：将网页元素居中显示（图、文均可用)。
空格： 
=========================================================================
： 提示信息
变量标记/！作者信息 文字闪烁标记 文字打字!/ 显示html代码 被标示的文字说明文字„
第5页 共16页
网页设计·HTML标签
=========================================================================
使特定的文本有序化。
无序列表：由
和
* 元素定义的
* …
* …
„„
说明：无序列表的默认符号是圆点。
标签有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有disc(实心圆)、circle（空心圆）、square（方块）
有序列表：
由
和
* 定义
* …
* …
* …
说明：type属性，type属性的属性值有1、A、a、I、i等。Start属性,定义列表的起始编号。
„
：创建一个标有数字的列表。
„
* „
：有次序式列举（
* 放在每一项前）。
：起始数字（定义全部的列举项）。
* ：放在每个数字列表项之前，并加上一个数字。
* ：（定义这个及其后的列表项）。
* ：（定义这个及其后的列表项）。
---------------------------------------------------------------------------------
„
„
„
：定义式列举（
项目,
定义）。
„
* „
：表单式列举（
* 放在每一项前）。
„
* „
：目录式列举（
* 放在每一项前）。
：一个用来排版大块html段落的标签，也用于格式化表。
普通超级链接： 链接 //创建一个超链接。 E-mail超级链接： 链接
第6页 共16页
网页设计·HTML标签
参数：cc/subject/body
例：链接
锚点(书签)： (前)链接 或用
(后)链接 或用
链接属性：target="_blank/_self/_parent/_top"
„：设定锚点（目的），也可用，和上一条配合使用。
„：创建一个指向位于文档靶位的链接（如果锚点在目前的文档中）。
„：连接到目的视框。
„：连接到锚点(如果锚点在另外一个文档)。 „。
属性：
Src：所引用的图片的URL地址（绝对路径/相对路径）。 Width：图片宽度。 Height：图片高度。 Alt：图片的替代文本。
Border：图片的边框(属性值为象素数)。 Align：图片的对齐方式。
Hspace：图片与左、右的文本之间的水平间距(属性值为象素数)。 Vspace：图片与左、右的文本之间的垂直间距(属性值为象素数)。
例：[我的banner]
[取代图片文字]
：图片对齐方式。
[***]：取代图片文字（如果不能显示图片则显示此文字）。 ：图片大小（以pixels为单位）。 ：设置图片的边框的大小（以pixels为单位）。 ：图片边缘空间（以pixels为单位）。 ：低解析度图片。 ：点选图。
或为：点选图（需要cgi程式）。 ：添加一张图片。
：排列对齐一张图片。
第7页 共16页
网页设计·HTML标签
所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。
图象映射由定义。有一个基本属性是name。Name给图象映射命名，这个命名将会被元素用usemap属性引用。所以，图象上的图象映射实际上是对定义的映射的一个引用。
在定义图象映射时，可以定义三种形状的映射： circle(圆形)、rect(矩形rectangle)、poly(多边形)。
„：地图（描述地图）。 例：
一个基本的表格代码：
注意：上述的三个元素必须、而且只能够配对使用。缺少任何一个 元素，都无法定义出一个表格。
标签 属性：
Width：表格宽度(可用%比率表式)。 Height：表格高度。 Border：表格边框。
第8页 共16页
网页设计·HTML标签
Bgcolor：表格背景颜色。 Background：表格背景图片。 Bodercolor：表格边框颜色。 Bordercolorlight：亮边框的颜色。 bordercolordark：暗边框的颜色。 Align：表格对齐方式。 Cellspacing：单元格间距。 cellpadding单元格边距。
标签 属性：
Width：单元格宽度。 Height：单元格高度。
Align：当前单元格里的内容（文本，图片等）的水平对齐方式。 Valign：当前单元格里的内容（文本、图片等）的垂直对齐方式。 Colspan：当前单元格跨越列数。 Rowspan：当前单元格跨越几行数。
Nowrap：当前单元格内容是否换行.(值可为空或”nowrap”，默认为空，当值为 nowrap时为不换行)。
Bgcolor：当前单元格背景颜色。 Background：当前单元格背景图片。 Bodercolor：边框颜色。
补充： 垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐;
：创建一个表格。
：表格中的行。
：表格中的列。
：设置表头，一个通常使用黑体居中文字的格子。
：表格框线（可以设定数值）。
：表格行内容对齐方式。
：表格标题对齐方式。
或
：禁止单元格内的内容自动断行回卷，即表格内容不
换行。
或
：表格标题不换行。
：表格抬头。
标签属性同
第9页 共16页
网页设计·HTML标签
：表格抬头对齐（在表格之上/之下)。
：设置表格边距, 即表格内容表格边框间的距离。
：设置表格的宽度，用绝对像素值或文档总宽度的%比 。
width="777"
height="300" vspace="#"
cellspacing="0"
hspace="#"
cellpadding="0"
border="0"
bordercolor="#" bgcolor="#"
bordercolorlight="#"
bordercolordark="#"
background="url"
align="left/center/right"
frame="box/above/below/hsiges/vsides/lhs/rhs/void" rules="all/rows/closgroups/none">
valign="top/middle/bottom" background="url" bgcolor="#">
（通常需要与cgi程式配合）
表单是可以把浏览者输入的数据传送到服务器端的HTML标签。 格式为：a
„
action为对应的服务器端地址，method为传送方式，post为隐式传送，信息不在地址栏显示，get为显式传送。
”
第10页 共16页
网页设计·HTML标签
textarea
selecte
select标签格式：
选择
注：option标签为选择项标签。
„：定义表单。
„：上传文档。
：输入栏位。 ：栏位名称。
：栏位内定值（即默认值）.
：已选定(适用于checkboxes与radioboxes)，即设定初始值。
：栏位宽度（以字元数为单位）。
：最长字数（以字元数为单位）。
：下拉式选单。
：下拉式选单名称。
：选单项目数量。
：多选式选单（多选)。
（定义与控制荧幕上的特定区域）
„：视框格式总定义（取代body）。
„：视框行长度分配（pixels或%）。
„：视框行长度分配（*=相对大小）。
„：视框栏宽度分配（pixels或%）。
„：视框栏宽度分配（*=相对大小）。
：定义个别视框。
：个别视框内容。
：个别视框名称。
：边缘宽度。
： 边缘高度。
：滚动条。
：不可改变大小。
„：无视框时的内容（如果浏览器不提供视框功能的话）。
您的浏览器不支持frame
============================================================= ：段落。
=============================================================
属性：
Direction：移动方向（left(默认), right,up,down）。
第12页 共16页
网页设计·HTML标签
Behavior：移动方式（ slide滚动一次， alternate来回滚动，Scroll环绕滚动（默认））。 Loop：移动次数（若不指定则无限循环）当loop=-1或=infinite时，则为无限循环滚动（默认）。 Scrollamount：循环速度（任意自然数）。
Scrolldelay：循环延迟。
Bgcolor：移动文字背景。
属性值说明：
Slide：只循环一次
Alternate：往返循环
Scroll：单方向反复循环
对齐：align
top：对齐上方 meddile：对齐中部 bottom：对齐下方
鼠标的划过与离开：
onmouseover=this.stop();onmouseout=this.start();
效果为：鼠标划过则停止滚动，鼠标离开则继续滚动。
实例：
„„………
width="300" direction="left/right/up/down"
这里写不支持它的提示文字，如：“您的浏览器不支持frame”
align="left/right/center" bgcolor="#" height="200" border="0">文字或图片
嵌入多媒体对象
第13页 共16页
网页设计·HTML标签
：内嵌物件（将物件插入页面）。
：内嵌物件大小。
注意：
使用 标记之前，需要安装插件才可以。
对于不同的plugin，其embed属性也不同。
嵌入背景音乐：
特殊标记元素Object
说明：
元素用来包含图像、动态图像、Java小程序，用以替换更具体的和元素，以及和元素。
插入flash的代码：
：
：
：
：
插入aiv文件：
：
//主体结束。
网页结束
第14页 共16页
网页设计·HTML标签
ASP程序部分
ASP程序是以.asp为扩展名的HTML格式文件。它的运行需要ASP服务器来支持。
在ASP文件嵌入VBScript脚本的两种方法：
1.使用标签格式如下：
第15页 共16页
网页设计·HTML标签
贵州工业职业技术学院 计算机与信息工程系
网页 设 计 HTML
标 签
整 理· ·篇 0925B班 王 娇 共16页