HTML 4.0 语言快速入门参考教程

80酷酷网    80kuku.com

  参考|教程|快速入门

  所有的万维网文件都是由超文本标志语言HTML所创建的。在这种语言中,可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面,他们的共同之处就是都使用"<>",例如段落标记<p>,图片标记<imp>等。
  在浏览器中,是看不到任何HTML标记的,但是在浏览器中所看到的网页效果却都是由这些标记生成的。 在大多数情况下,在创建站点时并不需要对HTML标记进行掌握,因为在FrontPage 2000这样的软件中,对于HTML的处理是在幕后进行的,因而就掩盖了该语言的复杂性。 如果需要查看网页的HTML标记,可以选择HTML模式。
  在本文中,提供了文档中会遇到的HTML标记的目的和功能,这些标记符合W3C当前版本的HTML语言。
  注:W3C是一家专门从事HTML开发的集团,自九十年代初期,该集团就开始致力于这方面的开发,如果需要有关详细信息,请访问http://www.w3.org/maekup/。
  在本文中,下列词语会经常遇到:
* URI(Uniform Resource Identifier),它指明了网络中的一个资源,换句话说,就是站点中某网页的地址或是其他类型的文档。
* Metadata,这是用来描述该文档的信息,而不是该文档的一部分。
* 失效元素,这是HTML较早版本中所使用的一些元素,现已被4.0所替换。

1、 常用属性

许多HTML标记都使用一些共同的属性,下面是它们中间最常用的一些:
* accesskey="character"-可以键入一个字符来访问文档的元素
* align="text"-文档中某部分的布局信息
* alt="text"-用来描述图片、表单、对象或其他部分的替代文本
* char="character"-在表格的内容被进行排列时,作为排列轴心的字符
* charoff="number"-在排列表格内容时,轴心字符的偏移量.
* Class="text"-文档元素的一个或多个类别名称,中间用空格隔开
* dir="text"-文本或表格的方向,或者是"ltr"(left-to-right),或者是

"rtl"(right-to-left)
* disabled-使一个表单控件失效的属性,这样它就不能再处理用户输入
* id="text"-给文档元素的名称
**ang="text"-使用在文档元素属性和其所包含文本中的语言
* name="text"-文档元素的名称
* onblur="script"-当文档元素失去了其用户输入焦点所发生的事件
* -当文档元素失去其用户焦点以及在有焦点时该值被改变时所发生的事件
* -当用户在文档元素中点击鼠标时发生的事件
* --当用户在文档元素中双击鼠标时发生的事件
* -当文档元素得到用户输入焦点时所发生的事件
* -当一个键被按下时所发生的事件
* onkeypress="script"-当一个键被按下又释放时所发生的事件
* onkeyup="vscript"-当一个键被释放时所发生的事件
* -当整个文档或框架集中所有框架被加载时所发生的事件
* -用户将鼠标置于某一文档元素中单击鼠标时所发生的事件
* -当鼠标从一个文档元素中移开时所发生的事件
* -当鼠标移动过一个文档元素时所发生的事件
* onmousemove="script"-当鼠标在一个文档元素中移动时所发生的事件
* -在一个文档元素中当用户释放鼠标时所发生的事件
* onreset="script"-当一个表单中的所有控件都被重新设定时所发生的事件
* onselect="script"-当文本编辑用户控件中的文本被选中时所发生的事件
* ="script"-当一个表单被发布时所发生的事件
* onunload="script"-当文档不再加载在窗口或框架中所发生的事件
* readonly-指示表单控件中的值不能被编辑
* tabindex="number"-文档元素在表格中的顺序位置
* target="text"-文档应被打开的框架名称
* title="text"-文档元素的解释文本
* usemap="URI"-与文档元素相连接的图片映射的URI,该元素必须要与现存的<MAP>元素的名称属性相匹配
* valign="text"-表格单元格中信息的垂直排列


   2、 标记

下面是关于HTML4.0的标记的具体描述。
注:下面的标记所使用的都是大写字符。尽管从前标记的大小写并没有关系,但是从W3C的发展方向来看,很可能将来大部分标记都将仅仅使用小写。(<!DOCTYPE>是唯一的一个例外)。因此,在使用HTML进行网页编辑时,最好还是使用小写字符。
<!DOCTYPE…>
* 目的:该标记出现在文档的第一行,指明所使用的HTML版本
* 开始标记:要求
* 结束标记:不允许
* 属性:无
* 失效属性:无
* 其他属性:无
可以在下列三种<!DOCTYPE>中进行选择:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HEML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"htttp://www.w3.org/TR//REC-html140/loose.dtd>
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html140/frameset.dtd>
上面的每一个标记中都有一个URI。这些URI的文件名分别为strict.dtd、loose.dtd、frameset.dtd。这些名称显示了文档对HTML的支持级别:
* Strict:文档中不使用任何失效属性以及框架
* Loose:文档使用一些失效元素包括显示
* Frameset:文档使用一些失效元素并且使用框架
在一般情况下,应该使用<!DOCTYPE>的strict.dtd,因为它可以和HTML4.0 全面兼容。使用loose.dtd 的主要原因是因为一些与显示相关的元素,如样式表等还没有被浏览器开发者所接受。
<A>…</A>
* 目的:这个标记中包括anchor-它是文档的一部分,与网络的其他资源相连接。它还可以用来创建相同文档的两部分之间的连接。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
coords="text"-调节与anchor相连的图片映射区域的形状
name="text"-anchor的名称
href="URI"-站点资源,即与anchor相连接的站点,由URI指明。
hreflang="text"-上一属性中所指明的站点资源的语言
type="name"-所连接站点的内容类型
rev="link_types"-所连接资源与当前文档的关系
shape-="text"-与anchor相连的图片映射的几何形状
charset="text"-所连接站点的字符集
* 失效属性:无
* 其他属性:
accesskey ,class,dir,id,lang,onblur,onclick,ondbclick,onfocus,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title

l <ABBR>…</ABBR>
* 目的:本标记中所包含的文本为缩写文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,

onmousemove,onmouseout,onmouseover, onmouseup,style,title

<ACRONYM>…</ACRONYM>
* 目的:本标记中所包含的文本为首字符提炼词
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,

onmousemove,onmouseout,onmouseover, onmouseup,style,title

<ADDRESS>…</ADDRESS>
* 目的:本标记中所包含的文本为整个文档的作者或是文档其中一部分的作者的联系信息。大多数浏览器都将此信息以不同于其他文本的方式进行显示。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,onmouseout,onmouseover,onmouseup
<APPLET>
* 目的:此标记属于失效标记。现在,大部分浏览器都使用<OBJECT>来标记Java applet。在Java 插件中,则是使用<EMBED>来对其进行标记,就象使用其他插件那样。
<AREA>
* 目的:本标记指明了使用连接的图片映射区域
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
href="URI"-图片映射区域所连接的URI
shape="text"-区域的几何形状
coords="text"-对几何区域的调节
nohref-该属性指明该区域不使用连接
* 失效属性:无
* 其他属性:
accesskey,alt,class,dir,id,lang,name,onclick,ondbclick,onfocus,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title
<B>…</B>
* 目的:本标记中所包含的文本将加粗显示。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title
<BASE>
* 目的:本标记用来明确的定义文档的基准的URI。这个基准的URI和其他相对的URI相结合可以建立一个完整的站点资源地址。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
href="URI"-文档的基准URI
* 失效属性:无
* 其他属性:target
<BASEFONT>…</BASEFONT>
* 目的:这是一个失效标记
<BIG>…</BIG>
* 目的:本标记中所包含的文本将比普通字体大一些。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title
<BLOCKQUOTE>…</BLOCKQUOTE>
* 目的:本标记中包含一段引用的文本,当文档被浏览时这段文本可以自成段落显示。较短的引用可以使用<Q>来标记。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-所引用文本的源文档的地址
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,

onmousemove,onmouseout,onmouseover, onmouseup,style,title
即使文本不是引用文本,也可以使用<BLOCKQUOTE>这个标记将文本进行嵌入,但是在HTML4.0中,已经不使用这种方法,而是以样式表取而代之。
<BODY>…</BODY>
* 目的:本标记中包含文档的内容,即当网页被浏览器加载时所显示的内容。其中有许多显示属性现在已经不再使用了,而是以<STYLE>标记来完成相同的工作。
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:alink, background ,bgcolor,link,text,vlink
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onload,

onmousedown,onmousemove,onmouseout, onmouseover,onmouseup,onunload,style,title


* 目的:此标记在文档中加入一个换行符,使后续的文本或其他元素另起一行显示。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:无
* 失效属性:clear
* 其他属性:class, id , style, title
<BUTTON>…</BUTTON>
* 目的:本标记在表单中加入一个按钮控制
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-按钮名称
value="text"-按钮的初始值
type="text"-所添加的按钮类型
* 失效属性:无
* 其他属性:
accesskey,class,dir,disabled,id,lang,onblur,onclick,ondbclick,onfocus,

onkeydown,onkeypress,onkeyup,onmousedown, onmousemove,onmouseout,onmouseover,onmouseup,style,tabindex,title
<CAPTION>…</CAPTION>
* 目的:本标记包含一段对于表格的介绍。<CAPTION>这个标记必须要紧靠<TABLE>这个标记,而且一个表格中这样的标记只能有一个。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onload,onmousedown,onmousemove,onmouseout, onmouseover,onmouseup,

onunload,style,title
<CENTER>…</CENTER>
* 本标记为失效标记
<CITE>…</CITE>
* 目的:本标记中包含引用或关于其他资源的其他类型的参考
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
<CODE>…</CODE>
* 目的:本标记中包含来自于计算机编程语言或相似信息的源代码
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
<COL>…</COL>
* 目的:本标记中包含表格中的一列,可以进行结构处理。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
span="number"-表格中的列数
width="number"-列的默认宽度
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,title,valign
<COLGROUP>…</COLGROUP>
* 目的:本标记中包含表格中的多个列,可以同时进行结构处理
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
span="number"-表格中的列数
width="number"-列的默认宽度

l 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,title,valign
<DEL>…</DEL>
* 目的:本标记中包含文档中上一步编辑中被删除的部分,这个标记中的文本通常都以删除线显示
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含插入部分信息的文档的地址
datatime="data_and_time"-进行插入的时间和日期
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DD>…</DD>
* 目的:本标记中包含一个单词的定义,单词和定义的列表使用<DL>来进行标记
* 开始标记:要求
* 结束标记:可选
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DFN>…</DFN>
* 目的:本标记中包含定义或其他被限制的文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DIR>…</DIR>
* 本标记为失效标记
<DIV>…</DIV>
* 目的:本标记中包含一个可以自成一体的文档部分,它可以用做一种在内部对内容进行组织的方式,而且可以通过使用属性来影响该部分的外观
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DL>…</DL>
* 目的:本标记中包含一组单词和它们的定义单词和定义分别位于<DT>和<DD>中。
* 开始标记:要求
* 结束标记:要求
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DT>…</DT>
* 目的:本标记中包含一个作为单独单词的文本,单词和定义的集合位于<DL>中.
* 开始标记:要求
* 结束标记:可选
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<EM>…</EM>
* 目的:本标记中包含需要强调的文本,在大多数浏览器中,这其中的文本以斜体显示如果需要更高程度的强调,可以使用<STRONG>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<FIELDSET>…</FIELDSET>
* 目的:本标记中包含表单中一组相关的控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,_
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<FONT>…</FONT>
* 目的:本标记为失效标记
<FORM>…</FORM>
* 目的:本标记中包含一组相关的控件,该组控件所收集的信息来自于文档的浏览者
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
action="URI"-接受和处理表单结果的URI
method="text"-用来传送表单结果的方法
entype="text"-用来传送表单结果的内容类型
accept-charset="text"-一个或多个字符集,中间用逗号隔开,该字符集为表单结果必须接受的字符集
accept="text"-一个或多个字符集,中间用逗号隔开,可以使用表单进行成功的传送
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,

onmousemove,_
onmouseout, onmouseover,onmouseup,onreset,onsubmit,target,style,title
<FRAME>…</FRAME>
* 目的:本标记中关于文档中框架建立和排列方面的信息,它使用在<BODY>标记中,

而且应该紧靠文档的标题
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
rows="list"-框架集中垂直框架的高度,值中间用逗号隔开
cols="list"-框架集中水平框架的宽度,值中间用逗号隔开
* 失效属性:无
* 其他属性:
class,dir,id,onload,onunload,style,title
<HEAD>…</HEAD>
* 目的:本标记中包含描述文档标题的信息,如标题说明内容等。本标记内的内容不会出现在浏览器窗口中
* 开始标记:可选
* 结束标记:可选
* 特殊属性:
profile="URI"-包含可定义标题的meta数据的文档的地址
* 失效属性:无
* 其他属性:
dir,lang
<H1>…</H1>, <H2>…</H2>, <H3>…</H3>, <H4>…</H4>, <H5>…</H5>, <H6>…</H6>
* 目的:上述各标记中都包含一个标题,可以显示在文档当中。这些标题从<H1>(最突出)到<H6>(最不突出)
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<HR>
* 目的:本标记生成一个水平行,可以作为文档的一部分
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:无
* 失效属性:align, noshade, size, width
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<HTML>…</HTML>
* 目的:本标记中包含整个HTML文档
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:version
* 其他属性:
dir,lang
<I>…</I>
* 目的:本标记中包含需要斜体显示的文本,尽管该标记尚未失效,但是HTML4.0建议将样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<IFRAME>…</IFRAME>
* 目的:本标记中包含一个框架,该框架可以插入到文档当中,插入方式与图片或其他对象相同
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
frameborder ="number"-框架是否显示边框
*ongdesc ="URI"-包含关于框架说明的文档的地址
marginheight ="number"-框架内容与上下边框的距离
marginwidth ="number"-框架内容与左右边框的距离
name ="text"-框架的名称
scrolling ="text"-框架的滚动处理方式
src ="URI"-包含框架内容的文档的地址
width ="number"-框架的宽度
height ="number"-框架的高度
* 失效属性:无
* 其他属性:
align, class, id , name , style, target , title
<IMG>
* 目的:本标记中包含文档中需要显示的图片文件,<OBJECT>标记同样具有该用途
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
height="number"-图片的高度
hspace="number"-图片与其他元素的左右间距
ismap-指明该图片属于服务器端的图片映射
src="URI"-图片文件的URI
*ongdesc="URI"-关于该图片和所包含图片映射的综合说明的URI
vspace="number"-图片与其他元素的上下间距
width="number"-图片的宽度
* 失效属性:align,border
* 其他属性:
alt,class,dir,id,ismap,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,_
onmousemove, onmouseout,onmouseover,onmouseup,style,title,usmap
<INPUT>
* 目的:本标记中包含作为表单一部分的控件
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
accept-内容类型的列表,中间用逗号隔开,可以被处理该表单的服务器成功的传送
name="text"-控件的名称
type="text"-表单中所包含的控件的类型
value="text"-控件的初始值
size="number"-控件输入区域的大小
maxlength="number"-在控件的文本输入区域所能输入的字符的上限
checked-该属性指示当表单中辐射或选择框控件最初显示时,有一个选项应被选中
src="URI"-用作发布按钮的图片的URI
* 失效属性:无
* 其他属性:
accesskey,align,alt,class,dir,id,lang,onblur,onchange,onclick,ondbclick,

onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,

onmouseover,onmouseup,onselect,readonly,style,_
tabindex,title,usmap
<INS>…</INS>
* 目的:本标记中包含先前编辑时被插入的文档的部分
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含有关插入部分信息的文档的地址
datetime="date_and_time"-插入操作的日期和时间
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title
<ININDEX>
* 目的:该标记为失效标记
<KBD>…</KBD>
* 目的:本标记中包含的文本应由用户从在计算机程序或相似信息中输入
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,

onmouseout, onmouseover,onmouseup,style,title
<LABEL>…</LABEL>
* 目的:本标记用来向那些还没有标签的控件提供标签
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
for="text"-与标签相关的控件的ID名称
* 失效属性:无
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<LEGEND>…</LEGEND>
* 目的:本标记用来向一组控件提供标题,该组控件使用的是<FIELDSET>标记,并且彼此相连,该标记必须被包括在<FIELDSET>标记中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<LI>…</LI>
* 目的:本标记中包含了一组单独编号的项目,其中每一个项目都由<LI>标记指明。如果需要使用无编号列表,那么可以使用<UL>标记。
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:compact, type ,value
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title
<LINK>…</LINK>
* 目的:本标记定义一个连接,即本文档与其他资源之间的关系,可以定义多种这样的关系,但是<LINK>只能用于文档的标题部分。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-anchor的名称
href="URI"-网络中的其他资源,通过URI与anchor发生联系
hreflang="text"-href属性中所指明的资源所使用的语言
media="text"-关于样式表信息的相关媒介
type="name"-与网络资源相关的内容类型
rel="link_types"-当前文档和所关联的网络资源的关系
rev="link_types"-网络资源与当前文档的关系
charset="text"-相关网络资源的字符集
* 失效属性:
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title

<MAP>…</MAP>
* 目的:本标记中包含了一个客户端图片映射,通过连接与对象发生关系。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-图片映射的名称
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title

<MENU>…</MENU>
目的:本标记为失效标记

<META>
* 目的:本标记中定义了文档中的meta数据属性,其中可以包含多种属性
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-属性的名称
conent="text"-属性的值
http-equiv="text"-HTTP反应标题的名称,可以设定为该标记的值(http-equiv是name属性的替代方式)
sheme="text"-描述content属性使用方式的附加信息
* 失效属性:无
* 其他属性:
dir,lang,

<NOFRAMES>…</NOFRAMES>
* 目的:本标记中包含的内容是同一文档中框架的替代方式,那些不支持框架的浏览器将显示本标记中的内容。<NOFRAMES>应使用在<FRAMESET>标记当中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<NOSCRIPT>…</NOSCRIPT>
* 目的:本标记中包含的内容将在脚本不能执行时显示,脚本不能执行的原因可能是浏览器不能处理脚本或是浏览器不能处理脚本所使用的语言
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
src="URI"-包含脚本的文档的URI
type="text"-所使用的脚本语言
defer-该属性指明该脚本不在文档中添加任何内容
* 失效属性:language
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OBJECT>…</OBJECT>
* 目的:本标记中包含了一个作为文档一部分的对象,该对象可以是文件、交互式程序或是其他类型的HTML文档
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
classid="URI"-对象执行的URI,可以使用在data属性中或是与之相连,取决于对象的类型
codebase="URI"-相对于对象属性所指明的URI的基准URI
codetype="text"-classid属性所指明的数据的内容类型
data="URI"-所关联对象的数据的URI
height="number"-对象的高度
hspace="number"-所插入对象与其他元素之间的左右间距
width="number"-对象的宽度
type="text"-data属性所指明的数据的内容类型
archive="URIs"-任何包含了classid和data属性以便于快速下载的文件的URI
declare-指明一个对象被声明,但是不能够显示,直到后续的<OBJECT>标记这样做之后才可以
standby="text"-当对象被下载时所显示的信息
vspace="number"-对象与其他元素之间的上下间距
* 失效属性:align,border
* 其他属性:
class,dir,id,lang,name,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,tabindex,title,usemap

<OL>…</OL>
* 目的:本标记中包含了一组单独编号的项目,其中每一个项目都由<LI>标记指明。如果需要使用无编号列表,那么可以使用<UL>标记。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:compact, type ,start
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OPTION>…</OPTION>
* 目的:本标记在表单中加入一个菜单控件选择
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
selected-该属性指明当该菜单首次显示时,这个选项应被选中
value="text"-选项的初始值
*abel="text"-选项的短标签可以用作替代方式
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OPTGROUP>…</OPTGROUP>
* 目的:本标记中包含了一组表单中的菜单选项
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
*abel="text"-选项组的标签
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onblur,onchange,onclick,ondbclick,

onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,

onmouseover,onmouseup,onfocus,style,title

<P>…</P>
* 目的:本标记中包含了一段文本
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title
许多HTML的编写者使用多个不包含任何文本<P>标记作为在文档中加入空白区域的方法。但是这一方法在HTML4.0中却不适用,因为HTML浏览软件会忽略那些重复的不包含任何文本的<P>标记
<PARAM>
* 目的:本标记中创建一个参数,一个在对象作为文档一部分显示之前提供给对象的值,可以使用多个参数,但是这些参数必须要包含在相关的<OBJECT>标记中
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-参数的名称
value="text"-参数的值,可以是一串文本,一个对象或者是保存了一个或多个值的资源的URI
valuetype="text"-作为参数值储存的信息的类型
type="text"-value 中指明的URI的内容类型
* 失效属性:无
* 其他属性:id

<PRE>…</PRE>
* 目的:本标记中包含的文本与其他HTML文本的格式编辑方式不同,大多数浏览器在显示这样的文本时都保持其中的空位置不变,而不是象对于其他HTML文本那样忽略重复的空位置,自动换行在这里也不会发生,因此文本会溢出浏览器窗口的右边缘。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:width
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<Q>…</Q>
* 目的:本标记中包含了一小段引用的文本当文档被浏览时,该段文本中会有引用标志出现。与<BLOCKQUOTE>标记不同,该标记中的文本将不会与其他内容分离而自成一段。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含所引用信息的文档的URI
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<S>…</S>
目的:本标记为失效标记

<SAMP>…</SAMP>
* 目的:本标记中包含的文本复写了计算机程序、脚本或相似过程的输出结果
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SCRIPT>…</SCRIPT>
* 目的:本标记在文档中添加一个可以执行的脚本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
src="URI"-包含脚本的文档的URI
type="text"-所使用的脚本语言
defer-该属性指明脚本不向文档中添加任何内容
* 失效属性:language
* 其他属性:charset

<SELECT>…</SELECT>
* 目的:本标记向表单中添加一个菜单控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-按钮的名称
size="number"-菜单中所显示的项目数,这些项目作为一个滚动列表框出现
multiple-该属性指明菜单中所选的项目可以多于一个
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,tabindex,title

<SMALL>…</SMALL>
* 目的:本标记中所包含的文本在显示时会小于正常的文本,尽管该标记不属于失效标记,但是HTML4.0建议将样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SPAN>…</SPAN>
* 目的:本标记中包含了文档的一部分,可以自成一体。就象<DIV>那样,该标记也可以用来在内部组织内容,还可以使用属性来更改该部分的外观
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,

onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<STRIKE>…</STRIKE>
目的:本标记为失效标记

<STRONG>…</STRONG>
* 目的:本标记中所包含的文本需要特殊的强调,大多数浏览器中都以加粗字体来显示其中的文本,如果需要使用较小程度的强调,可以使用<EM>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<STYLE>…</STYLE>
* 目的:本标记在文档的标题中创建一个样式表规则
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
type="text"-所使用的样式表语言
media="text"-样式表显示的相关媒介
* 失效属性:无
* 其他属性:dir,lang,title

<SUB>…</SUB>
* 目的:本标记中包含的是下标文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SUP>…</SUP>
* 目的:本标记中包含的是上标文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<TABLE>…</TABLE>
* 目的:本标记中包含了表格中所组织的信息,该表格由多行多列的单元格构成
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
border="number"-表格边框的宽度,如果不显示表格边框则设为"0"
cellpadding="number"-单元格内容与边框之间的距离
cellspacing="number"-单元格之间的间距
frame="text"-如果有框架,该属性指明表格周围的框架位置
summary="text"-表格用途和结构的介绍,主要适用于那些不支持表格的浏览器
rules="text"-显示表格单元格之间的标尺,如果有
width="number"-表格所需要的宽度,以象素或百分比为参照
* 失效属性:align,bgcolor
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<TBODY>…</TBODY>
* 目的:本标记中包含一行或多行单元格,即表格的主体。如果表格中包含<THEAD>和<TFOOT>行,那么表格的头、体、尾所包含的列数必须相等
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,

onmouseup,style,title,valign

<TD>…</TD>
* 目的:本标记中包含了表格的一个单元格,其中不包含标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
headers="text"-提供当前单元格信息的标题单元格,不同的单元格之间用空格隔开,使用id属性
scope="text"-表格单元格集,信息由标题单元格提供
abbr="text"-单元格内容的缩写版本
axis="categories"-单元格所属的类型列表,中间用逗号隔开
rowspan="number"-单元格所占据的行数
colspan="number"-单元格所占据的列数
* 失效属性:align,bgcolor,nowrap,height,width
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,

onmouseup,style,title,valign

<TEXTAREA>…</TEXTAREA>
* 目的:本标记在表单中加入一个文本输入区域控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-控件的名称
rows="number"-文本区域的行数
cols="number"-文本区域的列数
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onblur,onchange,onclick,ondbclick,onfocusonkeydown, onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,

onmouseup,onselect,readonly,style,
tabindex,title

<TFOOT>…</TFOOT>
* 目的:本标记中所包含的行显示在表格中所有其他行的下面,就象<THEAD>标记一样,它可以提供表格中某些列的信息,它必须和相关的表格头、体有相同的列数。一个表格的尾注必须出现在任何<TBODY>标记之前
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,

onmouseup,style,title,valign

<TH>…</TH>
* 目的:本标记中包含一个单元格,其中包括了标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
headers="text"-提供当前单元格信息的标题单元格,不同的单元格之间用空格隔开,使用id属性
scope="text"-表格单元格集,信息由标题单元格提供
abbr="text"-单元格内容的缩写版本
axis="categories"-单元格所属的类型列表,中间用逗号隔开
rowspan="number"-单元格所占据的行数
colspan="number"-单元格所占据的列数
* 失效属性:bgcolor,nowrap,height,width
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,

onmouseup,style,title,valign

<THEAD>…</THEAD>
* 目的:本标记中包含了表格的一行,作为表格的标题出现在表格其他行的上面,就象<TFOOT>标记一样,该标题用来提供表格某些列的信息,它必须和表格的体、尾具有相同的列数,表格的标题必须出现在任何<TBODY>标记之前
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TITLE>…</TITLE>
* 目的:本标记中包含文档的标题,在大多数浏览器中,该标题都出现在窗口的标题栏中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
其他属性: dir,*ang

<TR>…</TR>
* 目的:本标记中包含了表格的一行
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,

onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TT>…</TT>
* 目的:本标记中包含的文本将以等距或长距字体显示,虽然该标记不是失效标记,但是HTML4.0建议以样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<U>…</U>
目的:本标记为失效标记

<UL>…</UL>
* 目的:本标记中包含了一组不使用单独编号的项目,其中每一个项目都由<LI>标记指明,大多数浏览器在显示这些项目时,在它们的前面加入项目符号。编号列表需要使用<OL>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:compact,type
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<VAR>…</VAR>
* 目的:本标记中包含的文本为变量名称或计算机程序中的命令行
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,

onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: