图解img标签的usemap使用
各位在看这篇文章之前请先到w3school来了解一下&img&标签中的usemap属性是什么:
在有些概念之后,文章将要开始介绍&img&标签的usemap详细使用方法了.
usemap属性在w3school描述为:&usemap&属性提供了一种“客户端”的图像映射机制.
事实上我个人觉得它就是在一个图像上描绘了多个“热点”.这样解释好像比较容易理解一点.
让我们先来看看在Dreamweaver中一个图像上被描绘上了两个热点的最终效果吧:
我们可以在上图很明显的看到,这个图片上有两个热点,分别在图像的左上角和右下角.只要点击不同区域时,就可以超链接到不同的地方.
现来看看页面中的代码吧,这个应该比较重要些,代码如下:
&&&&img&src="images/loginfoot.jpg"&border="0"&usemap="#Map1"&name="foot"&width="100"&height="100"/&
&&&&&map&name="Map1"&&&&
&&&&&area&shape="rect"&coords="50,50,100,100"&style="cursor:pointer"&href="login.jsp"&/&
&&&&&area&shape="rect"&coords="0,0,50,50"&style="cursor:hand"&href="main.jsp"/&&&
让我来解释一下这段代码吧:
先解释这一段:&img&src="images/loginfoot.jpg"&border="0"&usemap="#Map1"&name="foot"&width="100"&height="100"/&
其实不用多说,这段就是在页面上插入一个图像.
图像为:&images目录下的loginfoot.jpg.
边框为0,页面中名称为foot,宽100,高100:(&border="0"&name="foot"&width="100"&height="100")
重点是这个:&usemap="#Map1",我想它应该描述为在此图像中使用图像映射,映射的具体描述为页面中的一个&map&,而它的名称为Map1.
接下来就要讲到&map&了,&这个&map&的名字为Map1,在&map&&/map&之间有两个&area/&,这两个&area/&分别代表了图片上的两个热点区域.
下面就&area/&标签的属性来作一些介绍:
shape="rect":热点的形状shape为矩形rect(rectangular);
style="cursor:hand":鼠标指针cursor的样式为手hand;
href="login.jsp":超连接到login.jsp页面;
coords="50,50,100,100":这用属性用来描述这个指点区域的具体位置.
我不知道描述位置的属性为什么要使用coords&,这很让人想不明白.如果你不明白coords里面几个值具体是什么意思,我按照个人理解,画了下面这张图.希望你看完之后能够明白:
(将coords="a,b,c,d"里面的几个值分别看作是a,b,c,d
这副图像大小为100*100,中只有一个热点&area/&位于图像的右下角.中间用来描述位置的属性及其值为:&coords="50,50,100,100",即:a=50,b=50,c=100,d=100.
看完之后不知道你明白了吗?
以上均为我个人的理解,我将他分享出来.如有错误,还请各位帮忙指正,谢谢!!
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。usemap 标签简介
作者：青草青园　来源：隆安教育论坛　发表： 10:30　
usemap是&img&标签的一个属性，用作指明所使用的图像地图名。
后面的#Map的Map就是用&map&标签定义的一个图像地图，它的name属性是Map,像下面这样定义：
&map name=&Map&&
&area shape=rect coods=&100,100,200,200& href=&test1.html&&
&area shape=rect coods=&200,100,300,200& href=&test2.html&&
&img src=&test.gif& usemap=&#Map&&
图像地图把一幅图像分成若干个区域，点击不同的区域会进入不同的页面。
MAP 元素 | map 对象
包含客户端图像映射的坐标数据。
&&&&所谓图像映射，就是带有预先定义区域的图像，这些区域包含了指向其它文档或锚的链接。例如，你可以在一副太阳系的图像上创建用户点击后可前往不同星球的链接。
&&&&map 对象由 IMG 元素的 USEMAP 属性引用，格式如下：
&&&&&IMG SRC=&solarsys.gif& USEMAP=&#SystemMap&&
&&&&MAP 元素包含一组定义图像中链接区域的 AREA 元素。
&&&&此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。
&&&&此元素不会被渲染。
&&&&此元素需要关闭标签。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
&&&&下面的表格列出了 map 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
&&&&标签属性/属性
&&&&&&&&[展开]&&&&&&
&&&&标签属性/属性
&&&&标签属性&&&&属性&&&&描述
&&&&&&&&canHaveChildren&&&&获取表明对象是否可以包含子对象的值。
&&&&&&&&canHaveHTML&&&&获取表明对象是否可以包含丰富的 HTML 标签的值。
&&&&CLASS&&&&className&&&&设置或获取对象的类。
&&&&DIR&&&&dir&&&&设置或获取对象的阅读顺序。
&&&&&&&&disabled&&&&获取表明用户是否可与该对象交互的值。
&&&&&&&&firstChild&&&&获取对象的 childNodes 集合的第一个子对象的引用。
&&&&ID&&&&id&&&&获取标识对象的字符串。
&&&&&&&&innerHTML&&&&设置或获取位于对象起始和结束标签内的 HTML。
&&&&&&&&innerText&&&&设置或获取位于对象起始和结束标签内的文本。
&&&&&&&&isContentEditable&&&&获取表明用户是否可编辑对象内容的值。
&&&&&&&&isDisabled&&&&获取表明用户是否可与该对象交互的值。
&&&&&&&&isMultiLine&&&&获取表明对象的内容是包含一行还是多行的值。
&&&&&&&&isTextEdit&&&&获取是否可使用该对象创建一个 TextRange对象。
&&&&LANG&&&&lang&&&&设置或获取要使用的语言。
&&&&LANGUAGE&&&&language&&&&设置或获取当前脚本编写用的语言。
&&&&&&&&lastChild&&&&获取该对象 childNodes 集合中最后一个子对象的引用。
&&&&NAME&&&&name&&&&设置或获取对象的名称。
&&&&&&&&nextSibling&&&&获取对此对象的下一个兄弟对象的引用。
&&&&&&&&nodeName&&&&获取特定结点类型的名称。
&&&&&&&&nodeType&&&&获取所需结点的类型。
&&&&&&&&nodeValue&&&&设置或获取结点的值。
&&&&&&&&offsetHeight&&&&获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
&&&&&&&&offsetLeft&&&&获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
&&&&&&&&offsetParent&&&&获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
&&&&&&&&offsetTop&&&&获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。
&&&&&&&&offsetWidth&&&&获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
&&&&&&&&outerHTML&&&&设置或获取对象及其内容的 HTML 形式。
&&&&&&&&outerText&&&&设置或获取对象的文本。
&&&&&&&&ownerDocumentMicrosoft® Internet Explorer 6 新增&&&&设置或获取结点关联的 document 对象。
&&&&&&&&parentElement&&&&获取对象层次中的父对象。
&&&&&&&&parentNode&&&&获取文档层次中的父对象。
&&&&&&&&parentTextEdit&&&&获取文档层次中可用于创建包含原始对象的 TextRange 的容器对象。
&&&&&&&&previousSibling&&&&获取对此对象的上一个兄弟对象的引用。
&&&&&&&&readyState&&&&获取对象的当前状态。
&&&&&&&&scopeName&&&&获取为该元素定义的命名空间。
&&&&&&&&sourceIndex&&&&获取对象在源序中的依次位置，即对象出现在 document 的 all 集合中的顺序。
&&&&STYLE&&&&&&&&为该设置元素设置内嵌样式。
&&&&&&&&tagName&&&&获取对象的标签名称。
&&&&&&&&tagUrn&&&&设置或获取在命名空间声明中指定的统一资源名称(URN)。
&&&&TITLE&&&&title&&&&设置或获取对象的咨询信息(工具提示)。
&&&&&&&&uniqueID&&&&获取为对象自动生成的唯一标识符。
&&&&标签属性/属性
&&&&行为&&&&描述
&&&&clientCaps&&&&提供关于 Internet Explorer 支持的特性的信息，以及提供即用即装的方法。
&&&&download&&&&下载文件并在下载完成后通知一个指定的回调函数。
&&&&homePage&&&&包含关于用户主页的信息。
&&&&httpFolder&&&&包含了允许浏览导航的文件夹视图的脚本特性。
&&&&saveFavorite&&&&允许对象在收藏夹中留存数据。
&&&&saveHistory&&&&允许对象在浏览器历史中留存数据。
&&&&saveSnapshot&&&&允许对象在 Web 页保存时留存数据。
&&&&userData&&&&允许对象在用户数据中留存数据。
&&&&集合&&&&描述
&&&&all&&&&返回对象所包含的元素集合的引用。
&&&&areas&&&&获取给定 map 对象所定义的 area 对象集合。
&&&&attributes&&&&获取对象标签属性的集合。
&&&&behaviorUrns&&&&返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。
&&&&childNodes&&&&获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。
&&&&children&&&&获取作为对象直接后代的 DHTML 对象的集合。
&&&&事件&&&&描述
&&&&onbeforeactivateMicrosoft® Internet Explorer 6 新增&&&&对象要被设置为当前元素前立即触发。
&&&&onbeforecut&&&&当选中区从文档中删除之前在源对象触发。
&&&&onbeforepaste&&&&在选中区从系统剪贴板粘贴到文档前在目标对象上触发。
&&&&onclick&&&&在用户用鼠标左键单击对象时触发。
&&&&oncut&&&&当对象或选中区从文档中删除并添加到系统剪贴板上时在源元素上触发。
&&&&ondblclick&&&&当用户双击对象时触发。
&&&&ondrag&&&&当进行拖曳操作时在源对象上持续触发。
&&&&ondragend&&&&当用户在拖曳操作结束后释放鼠标时在源对象上触发。
&&&&ondragenter&&&&当用户拖曳对象到一个合法拖曳目标时在目标元素上触发。
&&&&ondragleave&&&&当用户在拖曳操作过程中将鼠标移出合法拖曳目标时在目标对象上触发。
&&&&ondragover&&&&当用户拖曳对象划过合法拖曳目标时持续在目标元素上触发。
&&&&ondragstart&&&&当用户开始拖曳文本选中区或选中对象时在源对象上触发。
&&&&ondrop&&&&当鼠标按钮在拖曳操作过程中释放时在目标对象上触发。
&&&&onfocusinMicrosoft® Internet Explorer 6 新增&&&&当元素将要被设置为焦点之前触发。
&&&&onfocusoutMicrosoft® Internet Explorer 6 新增&&&&在移动焦点到其它元素之后立即触发于当前拥有焦点的元素上触发。
&&&&onhelp&&&&当用户在浏览器为当前窗口时按 F1 键时触发。
&&&&onkeydown&&&&当用户按下键盘按键时触发。
&&&&onkeypress&&&&当用户按下字面键时触发。
&&&&onkeyup&&&&当用户释放键盘按键时触发。
&&&&onlosecapture&&&&当对象失去鼠标捕捉时触发。
&&&&onmousedown&&&&当用户用任何鼠标按钮单击对象时触发。
&&&&onmouseenter&&&&当用户将鼠标指针移动到对象内时触发。
&&&&onmouseleave&&&&当用户将鼠标指针移出对象边界时触发。
&&&&onmousemove&&&&当用户将鼠标划过对象时触发。
&&&&onmouseout&&&&当用户将鼠标指针移出对象边界时触发。
&&&&onmouseover&&&&当用户将鼠标指针移动到对象内时触发。
&&&&onmouseup&&&&当用户在鼠标位于对象之上时释放鼠标按钮时触发。
&&&&onmousewheelMicrosoft® Internet Explorer 6 新增&&&&当鼠标滚轮按钮旋转时触发。
&&&&onpaste&&&&当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。
&&&&onpropertychange&&&&当在对象上发生对象上发生属性更改时触发。
&&&&onreadystatechange&&&&当对象状态变更时触发。
&&&&onscroll&&&&当用户滚动对象的滚动条时触发。
&&&&onselectstart&&&&对象将要被选中时触发。
&&&&方法&&&&描述
&&&&addBehavior&&&&给元素附加一个行为。
&&&&appendChild&&&&给对象追加一个子元素。
&&&&applyElement&&&&使得元素成为其它元素的子元素或父元素。
&&&&attachEvent&&&&将指定函数绑定到事件，以便每当该事件在对象上触发时都调用该函数。
&&&&clearAttributes&&&&从对象中删除全部标签属性和值。
&&&&click&&&&触发 onclick 事件来模拟单击。
&&&&cloneNode&&&&从文档层次中复制对对象的引用。
&&&&componentFromPoint&&&&通过特定事件返回对象在指定坐标下的位置。
&&&&contains&&&&检查对象中是否包含给定元素。
&&&&detachEvent&&&&从事件中取消指定函数的绑定，这样当事件触发时函数就不会收到通知了。
&&&&dragDrop&&&&初始化拖曳事件。
&&&&fireEvent&&&&触发对象的指定事件。
&&&&getAdjacentText&&&&返回邻接文本字符串。
&&&&getAttribute&&&&获取指定标签属性的值。
&&&&getAttributeNodeMicrosoft® Internet Explorer 6 新增&&&&获取由 attribute.name 属性引用的 attribute 对象。
&&&&getBoundingClientRect&&&&获取指定 TextRectangle 对象集合绑定的对象。
&&&&getClientRects&&&&获取描述对象内容或客户区内布局的矩形集合。每个矩形都描述了一条直线。
&&&&getElementsByTagName&&&&获取基于指定元素名称的对象集合。
&&&&hasChildNodes&&&&返回表明对象是否有子对象的值。
&&&&insertAdjacentElement&&&&在指定位置插入元素。
&&&&insertAdjacentHTML&&&&在指定位置的元素中插入给定的 HTML 文本。
&&&&insertAdjacentText&&&&在指定位置插入给定的文本。
&&&&insertBefore&&&&在文档层次中插入元素。
&&&&mergeAttributes&&&&复制所有读/写标签属性到指定元素。
&&&&normalizeMicrosoft® Internet Explorer 6 新增&&&&合并邻接 TextNode 对象以便生成一个常规的文档对象模型。
&&&&releaseCapture&&&&释放当前文档中对象的鼠标捕捉。
&&&&removeAttribute&&&&删除对象的给定标签属性。
&&&&removeAttributeNodeMicrosoft® Internet Explorer 6 新增&&&&从对象中删除删除 attribute 对象。
&&&&removeBehavior&&&&分离元素的行为。
&&&&removeChild&&&&从元素上删除子结点。
&&&&removeNode&&&&从文档层次中删除对象。
&&&&replaceAdjacentText&&&&替换元素的邻接文本。
&&&&replaceChild&&&&用新的子元素替换已有的子元素。
&&&&replaceNode&&&&用其它元素替换对象。
&&&&scrollIntoView&&&&将对象滚动到可见范围内，将其排列到窗口顶部或底部。
&&&&setAttribute&&&&设置指定标签属性的值。
&&&&setAttributeNodeMicrosoft® Internet Explorer 6 新增&&&&设置 attribute 对象为对象的一部分。
&&&&setCapture&&&&设置属于当前文档的对象的鼠标捕捉。
&&&&swapNode&&&&交换文档层次中两个对象的位置。
&&&&样式标签属性&&&&样式属性&&&&描述
&&&&behavior&&&&behavior&&&&设置或获取 DHTML 行为的位置。
关健词： 浏览器
本类最新文章
[&&-&&-&&]
地址：广西南宁市隆安县城厢镇城内街79号　邮编：532799　电话：　传真：HTML+CSS网页设计指南
书　号： <font color="#
所属类别：
出版日期：2010年1月
版别版次：2010年1月第1版第1次印刷
字数　　：659千字　　印张：24.75
印数　　：1-4000　　页数：0
附带物　：
HTML+CSS网页设计指南前言
HTML+CSS网页设计指南内容简介
HTML+CSS网页设计指南目录
HTML 4.0快速参考HTML虽然比较简单，但它的标签名称和属性都是固定的，不像XML那样可以自己定义，本附录给出了HTML元素所具有的通用属性，供读者参考。A.1.1
通用属性通 用 属 性 说
明ID ID属性为文档中的元素指定了一个独一无二的身份标识，用于样式表和脚本引用。在定义ID属性时，必须注意此属性值由英文字母开头，后面可以跟任意字母（大写A～Z和小写a～z）、数字（0～9）、连字符（-）、下划线（_）、冒号（:）以及点号（.）注意：ID属性与NAME属性使用相同的名称空间，因此不能在同一个文档中为ID和NAME属性定义相同的名称，以防止发生混乱Class Class属性定义了特定标记符的类，用于样式表和脚本引用。使用Class属性可以为标记符定义类别，此时可以说该标记符是属于该类别的。一个类别中也可以包含多个标记符Style Style属性用于为一个单独的标记符指定样式，也就是指定行内样式（inline style，也称为直插式样式）Title Title属性与TITLE标记符不同（TITLE标记符在文档中只能出现一次），它可以为文档中任意多个标记符指定参考标题信息。通常，浏览器将参考标题信息以即时提示（tooltip，也称为工具栏提示）的方式显示出来，以便浏览者查看A.1.2
HTML文档结构元素语
法 常 用 属 性 说
明 无 开始标记符和结束标记符都可以省略。HTML标记符说明此文档是一个HTML文档 无 开始标记符和结束标记符都可以省略。HEAD元素包含文档的头部信息，如标题、关键字、说明和样式表等。一般位于标记之后，标记之前。对于框架文档，位于标记之前 q BACKGROUND=URL（文档的背景图像）q BGCOLOR=Color（文档的背景色）q TEXT=Color（文档中文本的颜色）q LINK=Color（文档中链接的颜色）q VLINK=Color（文档中已被访问过的链接的颜色） 开始标记符和结束标记符都可以省略。BODY元素中包含文档体，也就是文档的正文。对于非框架文档，BODY位于HEAD之后；对于框架文档，如果包含NOFRAMES标记符，则BODY必须位于该标记符内，否则不能包含BODY标记符续表语
法 常 用 属 性 说
明 q ALINK=Color（文档中活动链接的颜色）q ONLOAD=Script（文档加载时执行脚本的事件）q ONUNLOAD=Script（文档退出时执行脚本的事件）q 通用属性
无 TITLE标记符位于HEAD标记符内，它包含的内容是文档的标题。每个文档在HEAD中有且仅有一个TITLE。TITLE标记符中包含的内容将在浏览器的标题栏中显示 q NAME=name（名字）q HTTP-EQUIV=Name（HTTP相应标题名）q CONTENT=CDATA（相关数据） META标记符中包含了网页的元数据信息，诸如文档关键字、作者信息等。文档的 HEAD标记符内可以包含任意数量的元素 q ALIGN=[left | center | right | justify]（水平对齐方式）q 通用属性 DIV标记符用于包含行内元素（也称为字符级元素或文本级元素）和块级元素，以便定义一个块。通常，该元素与Class和ID等属性联合使用，以便在样式表中为某一块内容定义样式。如果不使用样式表，DIV标记符常用于设置段落对齐。例如， 可以为包含在其中的内容设置居中对齐（与相同） 通用属性 SPAN标记符与DIV标记符类似，但通常用于包含行内元素。例如，如果定义了以下样式：.red{color:red}，则可以使用以下语句为部分文本设置红色：部分为红色 的文本...……... q ALIGN=[left | center | right | justify]（水平对齐方式）q 通用属性 H1～H6元素用于定义从1级到6级标题，可以使用align属性设置标题的对齐方式 通用属性 此标记符用于提供联系信息，通常用斜体字显示其中的内容A.1.3
文本元素语
法 常 用 属 性 说
明 通用属性 ABBR元素用来标记缩写，通常与title属性一起使用。例如，SQL ，则当浏览者将鼠标移动到SQL字样上时，将显示即时提示“Structured Query Language” 续表语
法 常 用 属 性 说
明 通用属性 ACRONYM元素被用来标记首字母缩略词。与ABBR元素类似，它常常与title属性一起使用。例如，SQL q CITE=URL（引用源）q 通用属性 BLOCKQUOTE元素定义了一个块引用，其中可以包含块级元素（如P和TABLE）。表示中包含的内容是引自cite属性所指定的源（例如，http：//） q CLEAR=[left | all | right |none ]（清除浮动对象）q 通用属性 标记符用于强行中断当前行，多个标记符可以创建多个空行。标记符通常用于简单的格式设置 通用属性 CITE元素用以标记引用内容，诸如杂志报纸的标题等。浏览器一般将中的内容显示为斜体字 通用属性 CODE元素用于标记文档中的代码，通常，浏览器将中的内容显示为等宽字体 q CITE=URL（包含删除原因信息的URL）q DATETIME=Datetime（删除时间）q 通用属性 DEL元素用来标记文档中已删除的内容，可以用title属性给出简单的删除原因。通常，浏览器将包含在中的文字添加上删除线。为确保在多数浏览器中都可以有删除线效果，也可以结合使用STRIKE或S元素。例如，以下语句可以确保在多数浏览器上显示下划线效果： 《HTML4教程》 ... 通用属性 DFN元素用于指定一个定义，在浏览器中通常用斜体字显示 通用属性 EM元素用于对其中包含的内容进行强调，通常浏览器用斜体字显示中包含的内容。也可以使用样式表为其指定特殊效果 q ALIGN=[left | center | right]（指定水平对齐方式）q NOSHADE（实线）q SIZE=Pixels（线宽）q WIDTH=Length（线长）q 通用属性 HR元素用于在网页中添加一条水平线续表语
法 常 用 属 性 说
明 q CITE=URL（说明插入原因信息所在的URL）q DATETIME=Datetime（插入时间）q 通用属性 INS元素用于包含被插入的内容。在IE 5中以下划线显示包含在中的文字。用户也可以自定义样式表，以便指定特定的显示格式... 通用属性 KBD元素用于包含键盘录入的文字，在浏览器中通常以等宽字体显示 q ALIGN=[left | center | right |justify]（设置水平对齐方式）q 通用属性 结束标记符可以省略，但使用样式表时要使用结束标记符。P元素用于在网页中分段 q WIDTH=Number（宽度）q 通用属性 PRE元素用于包含预先格式化的文本。也就是说，包含在中的内容将以所设置的格式显示 q CITE=URL（引用源）q 通用属性 Q元素用于表示短的行内引用。如果需要表示更长的引用，应使用BLOCKQUOTE元素。由于一般的浏览器并不支持此元素，因此需要用样式表指定该元素的格式 通用属性 SAMP元素标记了网页中的输出样本，如程序的输出。通常，浏览器将中的文字以等宽字体显示。用户也可以用样式表自定义该元素的样式 通用属性 STRONG元素用于对包含在其中的内容进行强调，浏览器通常用粗体字显示包含在中的内容。用户也可以用样式表来规定显示样式... 通用属性 SUB元素用于定义下标... 通用属性 SUP元素用于定义上标 通用属性 VAR元素用于标记变量或程序参数。浏览器通常用斜体字显示包含在中的文字。也可以用样式表自定义该元素的样式A.1.4
字体样式元素语
法 常 用 属 性 说
明... 通用属性 B元素可以使文本以粗体形式出现 q SIZE=CDATA（指定默认字体大小，范围为1～7，默认值是3）q COLOR=Color（指定默认字体颜色）q FACE=CDATA（指定默认字体）q ID=ID（唯一的ID） BASEFONT元素允许作者规定基本字体的大小、颜色和“字体”。但由于样式表的出现，在HTML 4中它是已过时的用法... q 通用属性 BIG元素规定文本以大字体显示续表语
法 常 用 属 性 说
明 q SIZE=CDATA（字体大小调整）q COLOR=Color（字体颜色调整）q FACE=CDATA（字体样式调整）q 通用属性 FONT元素用于设置所包含字体的大小、颜色和“字体”。由于样式表单的出现，FONT元素在HTML 4中属已过时的用法... q 通用属性 I元素规定文本以斜体显示... q 通用属性 S元素规定文本以包含删除线的方式显示，效果与STRIKE元素相同 q 通用属性 SMALL元素规定文本以小字体显示 q 通用属性 STRIKE元素规定文本显示时加删除线，效果与S元素相同... q 通用属性 TT元素规定文本以电报文字体或等宽字体显示... q 通用属性 U元素规定文本显示时加下划线A.1.5
列表元素语
法 常 用 属 性 说
明 q TYPE=[disc | square | circle]（编号
样式）q COMPACT（紧凑显示）q 通用属性 UL元素定义了一个无序列表，其中包含一个或多个LI元素来定义实际的列表项 q TYPE=[l | a | A | i | I ]（编号方式）q START=Number（起始数） OL元素定义了一个有序列表。OL元素中包含一个或多个LI元素来定义实际的列表项。与无序列表不同，列表项有一个明确的顺序 q COMPACT（紧凑显示）q 通用属性 表项由浏览器自动编号 q TYPE=[ disc | square | circle | l | a | A | i | I ]（列表项标记样式）q VALUE=Number（序列号）q 通用属性 结束标记可以省略，但使用样式表时应使用结束标记。LI元素定义了一个列表项 q COMPACT（紧凑显示）q 通用属性 DL元素定义了一个定义列表。定义列表中的条目是通过使用DT元素和DD元素创建的。DT元素给出了术语名，而DD元素给出了术语的定义 q 通用属性 结束标记可以省略，但使用样式表时应使用结束标记。DT元素在定义列表中定义了一个
术语 q 通用属性 结束标记可以省略，但使用样式表时应使用结束标记。DD元素在定义列表中为一个术语提供定义数据续表语
法 常 用 属 性 说
明 q COMPACT（紧凑显示）q 通用属性 DIR元素定义了一个目录列表，其中包含一个或多个定义实际列表项的LI元素。此时，LI元素中不可包含块级元素。在HTML 4.0中，DIR元素已被UL元素取代 q COMPACT（紧凑显示）q 通用属性 MENU元素定义了一个菜单列表，其中包含一个或多个LI元素来定义实际菜单项。此时，LI元素中不应包含块级元素。MENU元素在HTML 4.0中属过时的用法A.1.6
表格元素语
法 常 用 属 性 说
明 q SUMMARY=Text（表格说明）q WIDTH=Length（表宽）q BORDER=Pixels（边框宽度）q FRAME=[void | above | below | hsides | lhs | rhs | vsides | box | border]（外边框）q RULES=[none | groups | rows | cols | all]（表格框线）q CELLSPACING=Length（单元格间距）q CELLPADDING=Length（单元格填充距） TABLE元素用于定义表格，所有表格中的内容都应包含在和中 q ALIGN=[left | center | right]（表格对齐）q BGCOLOR=Color（表格背景色）q 通用属性
q ALIGN=[top | bottom | left | right]（对齐方式）q 通用属性 CAPTION元素定义了表格的标题，使用时CAPTION标记符必须放在表格最开头（即之后） q ALIGN=[ left | center | right | justify | char]（组中单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[top | middle | bottom | baseline]（组中单元格的垂直对齐方式）q 通用属性 THEAD元素定义了表格的表头，一个表格中最多可含有一个THEAD标记符。使用时，THEAD标记符必须跟在、或后，在和之前。目前，多数浏览器还不支持THEAD标记符 q ALIGN=[left | center | right | justify | char]（组中单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[top | middle | bottom | baseline]（组中单元格的垂直对齐方式）q 通用属性 TFOOT元素定义了表格的脚注行，一个表格中最多可含有一个TFOOT标记符。TFOOT标记符必须跟在THEAD后，在TBODY之前。目前多数浏览器还不支持TFOOT标记符续表语
法 常 用 属 性 说
明 q ALIGN=[ left | center | right | justify | char]（组中单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[top | middle | bottom | baseline]（组中单元格的垂直对齐方式）q 通用属性 TBODY在表格中定义了一组数据行，表格中至少有一个TBODY标记符。TBODY必须跟在可选的TFOOT后。如果表格中仅有一个TBODY，且不含THEAD和TFOOT，则TBODY的起始和结尾标记可省略 q SPAN=Number（组的列数）q WIDTH=MultiLength（每列宽度）q ALIGN=[ left | center | right | justify | char]（组中单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[ top | middle | bottom | baseline]（组中单元格的垂直对齐方式）q 通用属性 COLGROUP元素定义了一个表格中的列组。使用列组时，COLGROUP元素必须放在可选的CAPTION元素之后，且在可选的THEAD元素之前 q SPAN=Number（列数）q WIDTH=MultiLength（列宽度）q ALIGN=[ left | center | right | justify | char]（列单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[ top | middle | bottom | baseline]（列单元格的垂直对齐方式）q 通用属性 COL元素定义了一个表格列的属性。如果使用此元素，则必须放在可选的CAPTION元素之后，且在可选的THEAD元素之前。与COLGROUP不同，COL并不在结构上将表格列分组，而是仅定义若干表格列所共享的属性。COL标记符也可以位于COLGROUP标记符之中，此时COL的属性将覆盖COLGROUP的属性 q ALIGN=[ left | center | right | justify | char]（组中单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[ top | middle | bottom | baseline]（组中单元格的垂直对齐方式）q BGCOLOR=Color（背景色）q 通用属性 TR元素定义了一个表格行。TR必须出现在由THEAD、TFOOT或TBODY所定义的行组中。TR标记符包含和标记符，和标记符中又包含了表格的实际数据TH> q ROWSPAN=Number（单元格所占的行数）q COLSPAN=Number（单元格所占的列数） TH元素定义了表格中的一个标题单元格，其中的内容通常以黑体显示。TH标记符位于TR标记符内续表语
法 常 用 属 性 说
明TH> q HEADERS=IDREFS（当前单元格的标题单元格列表）q ABBR=Text（标题单元格的缩略形式）q SCOPE [ row | col | rowgroup | colgroup]（标题单元格所覆盖的单元格数）q AXIS=CDATA（标题单元格类别）q ALIGN=[left | center | right | justify | char]（单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[ top | middle | bottom | baseline]（单元格的垂直对齐方式）q WIDTH=Pixels（单元格宽）q HEIGHT=Pixels（单元格高）q NOWRAP（单元格内不换行）q BGCOLOR=Color（单元格背景色）q 通用属性 TH元素定义了表格中的一个标题单元格，其中的内容通常以黑体显示。TH标记符位于TR标记符内 q ROWSPAN=Number（单元格所占的行数）q COLSPAN=Number（单元格所占的列数）q HEADERS=IDREFS（当前单元格的标题单元格列表）q ABBR=Text（标题单元格的缩略形式）q SCOPE[row | col | rowgroup | colgroup]（标题单元格所覆盖的单元格数）q AXIS=CDATA（标题单元格类别）q ALIGN=[left | center | right | justify | char]（单元格的水平对齐方式）q CHAR=Character（单元格之间的对齐字符）q CHAROFF=Length（对齐字符的偏移量）q VALIGN=[top | middle | bottom | baseline]（单元格的垂直对齐方式）q WIDTH=Pixels（单元格宽）q HEIGHT=Pixels（单元格高）q NOWRAP（单元格内不换行）q BGCOLOR=Color（单元格背景色）q 通用属性 TD元素定义了表格中的一个数据单元格。TD标记符位于TR标记符内A.1.7
框架元素语
法 常 用 属 性 说
明 q ROWS=MultiLengths（设置横向框架）q COLS=MultiLengths（设置纵向框架）q ONLOAD=Script（所有框架载入时启动脚本的事件）q ONUNLOAD=Script（所有框架卸载时启动脚本的事件）q 通用属性 FRAMESET元素是一个框架容器，它将窗口分成长方形的子区域，即框架。在一个框架集文档中，标记符取代了的位置，而紧接标记符之后。FRAMESET标记符中包含一个或多个或标记符，并可能含有一个可选的标记符续表语
法 常 用 属 性 说
明 q NAME=CDATA（框架名）q SRC=URL（框架的初始页面）q LONGDESC=URL（框架的长篇描述）q FRAMEBORDER=[1 | 0]（设置是否显示框架边框）q MARGINWIDTH=Pixels（边距宽度）q MARGINHEIGHT=Pixels（边距高度）q NORESIZE（禁止修改框架尺寸）q SCROLLING=[yes | no | auto]（设置是否显示滚动条）q 通用属性 FRAME元素定义了一个框架，即一个框架集文档（FRAMESET）中的长方形空间。FRAME标记符必须包含在FRAMESET标记符中 q 通用属性 NOFRAMES元素中包含了框架不能被显示时的替换内容。NOFRAMES元素通常在Frameset文档中使用，它在浏览器不支持框架或框架被禁用时，提供相应的替换内容。NOFRAMES标记符必须位于FRAMESET标记符之间 q SRC=URL（框架内容网页的URL）q NAME=CDATA（框架名）q LONGDESC=URL（到长篇描述的链接）q WIDTH=Length（框架宽度）q HEIGHT=Length（框架高度）q ALIGN=[top | middle | bottom | left | right]（框架对齐方式）q FRAMEBORDER=[1 | 0]（设置是否显示框架边框）q MARGINWIDTH=Pixels（边距宽）q MARGINHEIGHT=Pixels（边距高）q SCROLLING=[yes | no | auto]（是否显示滚动条）q 通用属性 IFRAME元素定义了一个页内框架，可以在其中显示HTML页面。包含在和中的内容只有当浏览器不支持框架时才显示A.1.8
表单元素语
法 常 用 属 性 说
明 q ACTION=URL（处理表单结果的脚本的位置）q METHOD=[get | post]（发送表单的HTTP方法）q ENCTYPE=ContentType（表单数据的编码类型）q ACCECT-CHARSET=Charsets（可支持的字符列表）q TARGET=FrameTarget（显示表单内容的框架）q ONSUBMIT=Script（表单发送时启动脚本的事件）q ONRESET=Script（表单重置时启动脚本的事件）q 通用属性 FORM元素定义了一个交互式表单。该元素中包含INPUT、SELECT、TEXTAREA和BUTTON等控件，使用户能通过控件与表单传递信息续表语
法 常 用 属 性 说
明 q TYPE=[text | password | checkbox | radio | submit | reset | file | hidden | image | button]（控件类型）q NAME=CDATA（控件的名称）q VALUE=CDATA（控件的值）q CHECKED（设置单选按钮或复选框的初始选中状态）q SIZE=CDATA（文本框的宽度，以字符数为单位）q MAXLENGTH=Number（最大文本输入字符数）q SRC=URL（图像源）q ALT=CDATA（图像的替换文本）q USEMAP=URL（客户端图像映射）q ALIGN=[top | middle | bottom | left | right]（表单元素的对齐方式）q DISABLED（使控件无效以防止输入）q READONLY（设置控件为只读）q ACCEPT=ContentTypes（文件上载的媒体类型）q ACCESSKEY=Character（快捷键）q TABINDEX=Number（在Tab键遍历次序中的位置）q ONFOCUS=Script（当元素获得焦点时启动脚本的事件）q ONBLUR=Script（当元素失去焦点时启动脚本的事件）q ONSELECT=Script（当文本框中的部分文本被选中时启动脚本的事件）q ONCHANGE=Script（当控件的值改动时启动脚本的事件）q 通用属性 INPUT元素定义了一个用于用户输入的表单控件，通常位于FORM标记符内 q NAME=CDATA（控件的名称）q VALUE=CDATA（控件的值）q TYPE=[submit | reset | button]（按钮类型）q DISABLED（使控件无效）q READONLY（设置控件为只读）q ACCESSKEY=Character（快捷键）q TABINDEX=Number（在Tab键遍历次序中的位置）q ONFOCUS=Script（当元素获得焦点时启动脚本的事件）q ONBLUR=Script（当元素失去焦点时启动脚本的事件）q 通用属性 BUTTON元素定义了一个按钮，可以是提交、重置或普通按钮。虽然也可以用INPUT元素创建按钮，但用BUTTON元素创建的按钮通常具有更强的表
现力 q NAME=CDATA（控件的名称）q MULTIPLE（控制是否可以选择多个选项）q SIZE=Number（显示出的菜单框行数）q DISABLED（使控件无效）q TABINDEX=Number（在Tab键遍历次序中的位置）q ONFOCUS=Script（当元素获得焦点时启动脚本的事件）q ONBLUR=Script（当元素失去焦点时启动脚本的事件）q ONCHANGE=Script（当控件的值改动时启动脚本的事件）q 通用属性 SELECT元素定义了一个选项菜单，其中包含若干个OPTGROUP或OPTION元素来为用户提供选项续表语
法 常 用 属 性 说
明 q LABEL=Text（组标签）q DISABLED（禁用选项组）q 通用属性 OPTGROUP元素定义了一个SELECT菜单内的选项组，其中至少包含一个OPTION元素来定义实际的选项。注意，多数浏览器并不支持OPTGROUP元素，因此在使用选项菜单时最好直接用OPTION定义选项 q VALUE=CDATA（选项值）q SELECTED（初始选择值）q DISABLED（禁用选项）q LABEL=Text（选项标签）q 通用属性 OPTION元素定义了SELECT菜单中的菜单选项 q NAME=CDATA（控件的名称）q ROWS=Number（多行文本框的行数）q COLS=Number（多行文本框的列数）q DISABLED（使控件无效）q READONLY（设置控件为只读）q ACCESSKEY=Character（快捷键）q TABINDEX=Number（在Tab键遍历次序中的位置）q ONFOCUS=Script（当元素获得焦点时启动脚本的事件）q ONBLUR=Script（当元素失去焦点时启动脚本的事件）q ONSELECT=Script（当文本框中的某些文本被选中时启动脚本的事件）q ONCHANGE=Script（当控件的值改动时启动脚本的事件）q 通用属性 TEXTAREA元素定义了一个多行文本框控件 q PROMPT（提示信息）q 通用属性 ISINDEX元素定义了一个单行文本输入框。在HTML 4中，它已被INPUT元素取代 q FOR=IDREF（相关表单控件的ID）q ACCESSKEY=Character（快捷键）q ONFOCUS=Script（元素获得焦点时启动脚本的事件）q ONBLUR=Script（元素失去焦点时启动脚本的事件）q 通用属性 LABEL元素将一个表单控件和一个标签联系起来续表语
法 常 用 属 性 说
明 q 通用属性 FIELDSET元素定义了一个表单控件组。通过将相关联的控件分组，可以把表单分为更小、更易于管理的部分，以避免出现用户无法使用过于繁多的控件的情况（注意，并非所有浏览器都支持FIELDSET元素）。在FIELDSET标记符中应包含作为控件组成员的各表单控件，并需要使用LEGEND标记符创建一个控件组标签 q ACCESSKEY=Character（快捷键）q ALIGN=[top | bottom | left | right]（标签文字相对于控件组的对齐方式）q 通用属性 LEGEND元素定义了 一个控件组的标签，
且必须立即出现在标记符 之后A.1.9
其他元素语
法 常 用 属 性 说
明 q HREF=URL（链接的目标文件位置）q NAME=CDATA（已命名的链接目标）q REL=LinkTypes（到链接的关系）q REV=LinkTypes（来自链接的关系）q TYPE=ContentType（链接的内容类型）q TARGET=FrameTarget（显示链接的目标框架）q HREFLANG=LanguageCode（链接目标文件的语言）q CHARSET=Charset（链接的字符编码）q ACCESSKEY=Character（快捷键）q TABINDEX=Number（Tab键遍历次序中的位置）q SHAPE=[rect | circle | poly | default]（客户端图像映射中映射区域的形状）q COORDS=Coords（客户端图像映射中映射区域的坐标）q ONFOCUS=Script（元素获得焦点时启动脚本的事件）q ONBLUR=Script（元素失去焦点时启动脚本的事件）q 通用属性 A元素定义了一个超链接（使用href属性时）或者一个超链接的目的位置（使用name属性时）。当定义超链接时，位于和之间的内容成为超链接的源，浏览者可以单击超链接源跳转到超链接目标续表语
法 常 用 属 性 说
明 q CODE=CDATA（类文件名称或路径）q CODEBASE=URL（类文件的基础URL）q WIDTH=Length（小程序在网页中所占的宽度）q HEIGHT=Length（小程序在网页中所占的高度）q ARCHIVE=URL-LIST（存档文件所在的位置列表）q OBJECT=CDATA（序列化的小程序）q NAME=CDATA（小程序实例的名称，用于小程序间通信）q ALT=Text（替换文本）q ALIGN=[top | middle | bottom | left | right]（小程序在页面的对齐方式）q HSPACE=Pixels（小程序对象左右的空白距离）q VSPACE=Pixels（小程序对象上下的空白距离）q 通用属性 APPLET元素用来嵌入一个Java小程序（Applet）。在HTML 4.0中，建议使用OBJECT元素代替APPLET元素。使用APPLET标记符时，可以用PARAM标记符指定运行时参数 q SHAPE=[rect | circle | poly | default]（客户端图像映射中映射区域的形状）q COORDS=Coords（客户端图像映射中映射区域的坐标）q HREF=URL（链接的目标文件位置）q TARGET=FrameTarget（显示链接的目标框架）q NOHREF（不包含链接）q ALT=Text（替换文本）q TABINDEX=Number（Tab键遍历次序中的位置）q ONFOCUS=Script（元素获得焦点时启动脚本的事件）q ONBLUR=Script（元素失去焦点时启动脚本的事件）q 通用属性 AREA元素定义了一个在客户端图像映射中的图形区域。AREA标记符位于MAP标记符内 q HREF=URL（默认URL基准）q TARGEF=FrameTarget（默认目标框架） BASE元素定义了文档的默认URL基准和默认目标框架。一个文档中最多有一个BASE标记符，而且如果使用，则必须位于HEAD标记符内 q DIR=[ltr | rtl]（文本的方向）q LANG=LanguageCode（文本的语言）q 通用属性 BDO元素覆盖了所包含文本的双向算法。BDO元素用于设置多语言文本的显示方向，在一般的网页中并不
常用 q 通用属性 CENTER元素定义了一个居中对齐的块。在HTML 4.0中，它属过时的用法，通常用DIV align=center>代替续表语
法 常 用 属 性 说
明 q SRC=URL（图像源的位置）q ALT=Text（替换文本）q LONGDESC=URL（包含长篇描述的文档位置）q WIDTH=Length（图像宽度）q HEIGHT=Length（图像高度）q USEMAP=URL（客户端图像映射的映射说明，对应于MAP元素指定的内容）q ISMAP（指示使用服务器端图像映射）q ALIGN=top | middle | bottom | left | right（图像对齐方式）q BORDER=Length（图像边框的宽度）q HSPACE=Pixels（图像左右的空白距离）q VSPACE=Pixels（图像上下的空白距离）q 通用属性 IMG元素定义了一个行内图像 q REL=LinkTypes（到链接的关系）q REV=LinkTypes（来自链接的关系）q HREF=URL（链接资源的URL）q TYPE=ContentType（链接的内容类型）q TARGET=FrameTarget（显示链接的目标框架）q MEDIA=MediaDesc（链接的媒体）q HREFLANG=LanguageCode（链接资源的语言）q CHARSET=Charset（链接资源的字符编码）q 通用属性 LINK元素定义了文档的关联关系。LINK标记符应包含在HEAD标记符内，并且可以有多个 q NAME=CDATA（图像映射的名称）q 通用属性 MAP元素用于定义图像映射的区域信息。MAP的不可缺省的NAME属性通常用作IMG或OBJECT标记符的USEMAP属性的值。MAP标记符内包含多个AREA标记符，用于定义图像上可单击的区域 q 通用属性 NOSCRIPT元素为不执行客户端程序的浏览器提供了替代的显示内容。NOSCRIPT标记符应紧跟在它所提供替换内容的SCRIPT标记符后。只有当浏览器不支持客户端程序时，才显示 中的内容续表语
法 常 用 属 性 说
明 q DATA=URL（对象数据的位置）q CLASSID=URL（实现位置）q ARCHIVE=CDATA（存档文件）q CODEBASE=URL（CLASSID、DATA、ARCHIVE的基准URL）q WIDTH=Length（对象宽度）q HEIGHT=Length（对象高度）q NAME=CDATA（如果对象在表单中提交，则定义其名称）q USEMAP=UAL（定义使用的客户端图像映射）q TYPE=ContentType（对象内容类型）q CODETYPE=ContentType（代码内容类型）q STANDBY=Text（装载时显示的信息）q TABINDEX=NUMBER（在Tab键遍历顺序中的位置）q DECLARE（声明一个对象而不启动它）q ALIGN=[top | middle | bottom | left | right]（对象对齐方式）q BORDER=Length（对象边框宽度）q HSPACE=Pixels（对象左右的空白距离）q VSPACE=Pixels（对象上下的空白距离）q 通用属件 OBJECT元素在网页中定义了一个对象。这个对象可以是图像、Java小程序、ActiveX控件、多媒体等各种对象。使用OBJECT定义对象时，还可以用PARAM标记符为对象指定运行时参数。在HTML 4.0中，建议用通用的OBJECT元素取代更为特殊的IMG、APPLET等元素。不过，使用OBJECT代替所有其他对象元素（如IMG、APPLET等）的用法目前还没有得到多数浏览器的支持为确保浏览器的支持，通常使用嵌套的OBJECT元素包含多个对象，以便当浏览器无法显示外层对象时，依次尝试显示内层对象。如果浏览器无法显示Python小程序，则尝试显示MPEG视频；如果仍然无法显示MPEG视频，则尝试显示GIF图像；如果仍然无法显示GIF图像，则显示文本 q NAME=CDATA（参数名称）q VALUE=CDATA（参数值）q VALUETYPE=[data | ref | object]（值的类型）q TYPE=ContentType（当valuetype=ref时，指定值的内容类型）q ID=ID（元素的ID） PARAM元素指定了对象在运行时需要的一系列值。在OBJECT或APPLET标记符中可以以任意顺序包含任意数量的PARAM标记符。在使用PARAM指定参数时，对象必须能识别所指定的参数名和值 q TYPE=ContentType（编程语言的内容类型）q LANGUAGE=CDATA（编程语言名）q SRC=URL（外部程序位置）q CHARSET=Charset（外部程序的字符编码）q DEFER（设置此布尔属性时，表示告知浏览器脚本并不产生任何文档内容（例如，在JavaScript中没有"document. write"语句），从而使浏览器可以继续解释HTML文件的内容并进行显示） SCRIPT元素在文档中包含一段客户端脚本程序。客户端脚本程序能使文档更好地对客户端的事件作出反应。例如，一段程序可以在用户发送所填写的表单之前先检查用户填写的内容，并立即通知用户填写错误。SCRIPT标记符可以位于文档中的任何位置，但通常位于HEAD标记符内，以便于维护续表语
法 常 用 属 性 说
明 q TYPE=ContentType（样式语言的类型）q MEDIA=MediaDesc（应用样式的媒体）q TITLE=Text（样式表的名字） STYLE元素用于在文档中嵌入样式表。文档的HEAD标记符中可以包含任意数量的STYLE标记符。对于层叠样式表（CSS），TYPE属性的值是text/css。定义样式表时，样式表项的形式为：Selector{property1:
value1;property2: value2;...}，其中，Selector可以是HTML标记、样式类、样式ID等，property是由CSS定义的属性，是属性对应的值A.2
CSS中支持的颜色名称在本书中设置颜色时提到过，可以使用颜色的英文名称来设置颜色效果。本附录给出在CSS中可以使用的颜色名称、颜色代码以及颜色的效果。A.2.1
W3C规定的十六色W3C就是World Wide Web Consortium，全球万维网联盟的简称。它研究Web规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。W3C规定的十六色如表A.1所示。表A.1
W3C规定的十六色颜色的英文名称 中 文 含 义 十六进制颜色码 十进制RGB颜色值 颜 色 效 果black 黑 #,0,0
white 白 # FFFFFF 255,255,255
red 红 #FF,0
yellow 黄 #FFFF00 255,255,0
lime 酸橙色 #00FF00 0,255,0
aqua 浅绿色 #00FFFF 0,255,255
blue 蓝 #0000FF 0,0,255
fuchsia 紫红色 #FF00FF 255,0,255
gray 灰色 #,128,128
silver 银色 #C0C0C0 192,192,192
maroon 栗色 #,0,0
olive 橄榄色 #,128,0
green 绿色 #,128,0
teal 水鸭色 #,128,128
navy 海军蓝 #,0,128
purple 紫色 #,0,128
网络安全色Web颜色只有216色，所以网络上安全色就是指Web所能反映、所能支持的216色。这里给出
表A.2是为了让读者更清楚网络中可以正常显示的颜色，从而在创建网页时选择更加合适的色彩。网络安全色的十六进制颜色码都是可以被33整除的值，如#330066、#CC0099等。表A.2
网络安全色十六进制颜色码 十进制RGB颜色值 颜 色 效 果 十六进制颜色码 十进制RGB颜色值 颜 色 效 果#,0,0
#0000CC 0,0,204
#9900CC 153,0,204
#0000FF 0,0,255
#9900FF 153,0,255
#0033CC 0,51,204
#9933CC 153,51,204
#0033FF 0,51,255
#9933FF 153,51,255
#0066CC 0,102,204
#9966CC 153,102,204
#0066FF 0,102,255
#9966FF 153,102,255
#0099CC 0,153,204
#9999CC 153,153,204
#0099FF 0,153,255
#9999FF 153,153,255
#00CC00 0,204,0
#99CC00 153,204,0
#00CC33 0,204,51
#99CC33 153,204,51
#00CC66 0,204,102
#99CC66 153,204,102
#00CC99 0,204,153
#99CC99 153,204,153
#00CCCC 0,204,204
#99CCCC 153,204,204
#00CCFF 0,204,255
#99CCFF 153,204,255
#00FF00 0,255,0
#99FF00 153,255,0
#00FF33 0,255,51
#99FF33 153,255,51
续表十六进制颜色码 十进制RGB颜色值 颜 色 效 果 十六进制颜色码 十进制RGB颜色值 颜 色 效 果#00FF66 0,255,102
#99FF66 153,255,102
#00FF99 0,255,153
#99FF99 153,255,153
#00FFCC 0,255,204
#99FFCC 153,255,204
#00FFFF 0,255,255
#99FFFF 153,255,255
#3300CC 51,0,204
#CC00CC 204,0,204
#3300FF 51,0,255
#CC00FF 204,0,255
#3333CC 51,51,204
#CC33CC 204,51,204
#3333FF 51,51,255
#CC33FF 204,51,255
#3366CC 51,102,204
#CC66CC 204,102,204
#3366FF 51,102,255
#CC66FF 204,102,255
#3399CC 51,153,204
#CC99CC 204,153,204
#3399FF 51,153,255
#CC99FF 204,153,255
#33CC00 51,204,0
#CCCC00 204,204,0
#33CC33 51,204,51
#CCCC33 204,204,51
#33CC66 51,204,102
#CCCC66 204,204,102
#33CC99 51,204,153
#CCCC99 204,204,153
#33CCCC 51,204,204
#CCCCCC 204,204,204
#33CCFF 51,204,255
#CCCCFF 204,204,255
#33FF00 51,255,0
#CCFF00 204,255,0
#33FF33 51,255,51
#CCFF33 204,255,51
#33FF66 51,255,102
#CCFF66 204,255,102
#33FF99 51,255,153
#CCFF99 204,255,153
续表十六进制颜色码 十进制RGB颜色值 颜 色 效 果 十六进制颜色码 十进制RGB颜色值 颜 色 效 果#33FFCC 51,255,204
#CCFFCC 204,255,204
#33FFFF 51,255,255
#CCFFFF 204,255,255
#6600CC 102,0,204
#FF00CC 255,0,204
#6600FF 102,0,255
#FF00FF 255,0,255
#6633CC 102,51,204
#FF33CC 255,51,204
#6633FF 102,51,255
#FF33FF 255,51,255
#6666CC 102,102,204
#FF66CC 255,102,204
#6666FF 102,102,255
#FF66FF 255,102,255
#6699CC 102,153,204
#FF99CC 255,153,204
#6699FF 102,153,255
#FF99FF 255,153,255
#66CC00 102,204,0
#FFCC00 255,204,0
#66CC33 102,204,51
#FFCC33 255,204,51
#66CC66 102,204,102
#FFCC66 255,204,102
#66CC99 102,204,153
#FFCC99 255,204,153
#66CCCC 102,204,204
#FFCCCC 255,204,204
#66CCFF 102,204,255
#FFCCFF 255,204,255
#66FF00 102,255,0
#FFFF00 255,255,0
#66FF33 102,255,51
#FFFF33 255,255,51
#66FF66 102,255,102
#FFFF66 255,255,102
#66FF99 102,255,153
#FFFF99 255,255,153
#66FFCC 102,255,204
#FFFFCC 255,255,204
#66FFFF 102,255,255
#FFFFFF 255,255,255
IE 4以上版本中的预命名颜色在IE 4以上的版本的浏览器中，有一些颜色可以直接采用英文名称来设置，表A.3给出的颜色就是到目前为止，可以直接通过颜色英文名称设置，并能在IE 4以上版本的浏览器中正常显示的颜色。表A.3
在IE 4以上版本中预命名的颜色颜色的英文名称 中 文 含 义 十六进制颜色码 十进制RGB颜色值 颜 色 效 果aliceblue 艾利斯蓝 #F0F8FF 240,248,255
antiquewhite 古董白 #FAEBD7 250,235,215
aqua 蓝绿色、浅绿色 #00FFFF 0,255,255
aquamarine 碧绿色 #7FFFD4 127,255,212
azure 天蓝色 #F0FFFF 240,255,255
beige 米色 #F5F5DC 245,245,220
bisque 桔黄色 #FFE4C4 255,228,196
black 黑色 #,0,0
blanchedalmond 白杏色 #FFEBCD 255,235,205
blue 蓝色 #0000FF 0,0,255
blueviolet 蓝色紫罗兰 #8A2BE2 138,43,226
brown 褐色 #A52A2A 165,42,42
burlywood 实木色 #DEB887 222,184,135
cadetblue 军蓝色 #5F9EA0 95,158,160
chartreuse 黄绿色 #7FFF00 127,255,0
chocolate 巧克力色 #D5,30
coral 珊瑚色 #FF7F50 255,127,80
cornflowerblue 菊蓝色 #6495ED 100,149,237
cornsilk 米稠色 #FFF8DC 255,248,220
crimson 深红色 #DC143C 220,20,60
cyan 蓝绿色、青色 # 00FFFF 0,255,255
darkblue 深蓝色 #0,139
darkcyan 深青色 #008B8B 0,139,139
darkgoldenrod 暗金色 #B4,11
darkgray 深灰色 #A9A9A9 169,169,169
darkgreen 深绿色 #,100,0
darkkhaki 深褐色 #BDB76B 189,183,107
darkmagenta 暗红紫色 #8B008B 139,0,139
darkolivegreen 深橄榄绿色 #556B2F 85,107,47
darkorange 暗桔黄色 #FF8C00 255,140,0
darkorchid 深紫色 #9932CC 153,50,204
darkred 暗红色 #8B,0
darksalmon 暗肉色 #E0,122
颜色的英文名称 中 文 含 义 十六进制颜色码 十进制RGB颜色值 颜 色 效 果darkseagreen 深灰绿色 #8FBC8B 143,188,139
darkslateblue 深海蓝色 #483D8B 72,61,139
darkslategray 暗瓦灰色 #2F4F4F 47,79,79
darkturquoise 深宝石蓝 #00CED1 0,206,209
darkviolet 暗紫罗兰色 #,0,211
deeppink 深粉红色 #FF,147
deepskyblue 暗天蓝色 #00BFFF 0,191,255
dimgray 暗灰色 #,105,105
dodgerblue 闪灰色 #1E90FF 30,144,255
firebrick 火砖色 #B,34
floralwhite 花白 #FFFAF0 255,250,240
forestgreen 森林绿 #228B22 34,139,34
fuchsia 紫红色 #FF00FF 255,0,255
gainsboro 淡灰色 #DCDCDC 220,220,220
ghostwhite 幽灵白 #F8F8FF 248,248,255
gold 金色 #FFD700 255,215,0
goldenrod 金麒麟色 #DAA520 218,165,32
gray 灰色 #,128,128
green 绿色 #,128,0
greenyellow 黄绿色 #ADFF2F 173,255,47
honeydew 蜜白色 #F0FFF0 240,255,240
hotpink 热粉红色 #FF69B4 255,105,180
indianred 印第安红 #CD5C5C 205,92,92
indigo 靛青色 #4B,130
ivory 象牙色 #FFFFF0 255,255,240
khaki 黄褐色 #F0E68C 240,230,140
lavender 薰衣草色、淡紫色 #E6E6FA 230,230,250
lavenderblush 淡紫红色 #FFF0F5 255,240,245
lawngreen 草绿色 #7CFC00 124,252,0
lemonchiffon 柠檬稠色 #FFFACD 255,250,205
lightblue 亮蓝色 #ADD8E6 173,216,230
lightcoral 亮珊瑚色 #F8,128
lightcyan 亮灰色 #E0FFFF 224,255,255
lightgoldenrodyellow 亮金黄色 #FAFAD2 250,250,210
lightgreen 亮绿色 #90EE90 144,238,144
lightgrey 亮灰色 #D3D3D3 211,211,211
lightpink 亮粉色 #FFB6C1 255,182,193
lightsalmon 亮柠檬色 #FFA07A 255,160,122
lightseagreen 亮水绿色 #20B2AA 32,178,170
颜色的英文名称 中 文 含 义 十六进制颜色码 十进制RGB颜色值 颜 色 效 果lightskyblue 亮天蓝色 #87CEFA 135,206,250
lightslategray 亮瓦灰色 #,136,153
lightsteelblue 亮金属色 #B0C4DE 176,196,222
lightyellow 亮黄色 #FFFFE0 255,255,224
lime 酸橙色 #00FF00 0,255,0
limegreen 橙绿色 #32CD32 50,205,50
linen 亚麻色 #FAF0E6 250,240,230
magenta 洋红色 #FF00FF 255,0,255
maroon 栗色 #,0,0
mediumaquamarine 中绿玉色 #66CDAA 102,205,170
mediumblue 中蓝色 #0000CD 0,0,205
mediumorchid 中粉紫色 #BA55D3 186,85,211
mediumpurple 中紫色 #9370DB 147,112,219
mediumseagreen 中灰绿色 #3CB371 60,179,113
mediumslateblue 中暗蓝色 #7B68EE 123,104,238
mediumspringgreen 春绿色 #00FA9A 0,250,154
mediumturquoise 中绿宝石色 #48D1CC 72,209,204
mediumvioletred 中紫罗兰色 #C,133
midnightblue 中灰蓝色 #,25,112
mintcream 薄荷色 #F5FFFA 245,255,250
mistyrose 浅玫瑰色 #FFE4E1 255,228,225
moccasin 鹿皮色 #FFE4B5 255,228,181
navajowhite 纳瓦白 #FFDEAD 255,222,173
navy 海军蓝 #,0,128
oldlace 老旧缎色 #FDF5E6 253,245,230
olive 橄榄色 #,128,0
olivedrab 深绿褐色 #6B8E23 107,142,35
orange 橙色 #FFA500 255,165,0
orangered 红橙色 #FF,0
orchid 淡紫色 #DA70D6 218,112,214
palegoldenrod 苍麒麟色 #EEE8AA 238,232,170
palegreen 苍绿色 #98FB98 152,251,152
paleturquoise 苍宝石绿 #AFEEEE 175,238,238
palevioletred 苍紫罗兰色 #DB,147
papayawhip 番木色 #FFEFD5 255,239,213
peachpuff 桃色 #FFDAB9 255,218,185
peru 秘鲁色 #CD853F 205,133,65
pink 粉红色 #FFC0CB 255,192,203
plum 洋李色 #DDA0DD 221,160,221
颜色的英文名称 中 文 含 义 十六进制颜色码 十进制RGB颜色值 颜 色 效 果powderblue 粉蓝色 #B0E0E6 176,224,230
purple 紫色 #,0,128
red 红色 #FF,0
rosybrown 褐玫瑰红 #BC8F8F 188,143,143
royalblue 皇家蓝 #,105,225
saddlebrown 重褐色 #8B,19
salmon 鲜肉色 #FA,114
sandybrown 沙褐色 #F4A460 244,164,96
seagreen 海绿色 #2E8B57 46,139,87
seashell 海贝色 #FFF5EE 255,245,238
sienna 赭色 #A,45
silver 银色 #C0C0C0 192,192,192
skyblue 天蓝色 #87CEEB 135,206,235
slateblue 石蓝色 #6A5ACD 106,90,205
灰石色 #,128,144
snow 雪白色 #FFFAFA 255,250,250
springgreen 春绿色 #00FF7F 0,255,127
steelblue 钢兰色 #,130,180
tan 茶色 #D2B48C 210,180,140
teal 水鸭色 #,128,128
thistle 蓟花色 #D8BFD8 216,191,216
tomato 西红柿色 #FF,71
turquoise 青绿色 #40E0D0 64,224,208
violet 紫罗兰色 #EE82EE 238,130,238
wheat 浅黄色 #F5DEB3 245,222,179
white 白色 #FFFFFF 255,255,255
whitesmoke 烟白色 #F5F5F5 245,245,245,
yellow 黄色 #FFFF00 255,255,0
yellowgreen 黄绿色 #9ACD32 154,205,50
－－－－－