分享
 
 
 

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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

所有的万维网文件都是由超文本标志语言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"-当文档元素失去了其用户输入焦点所发生的事件

* onchange="script"-当文档元素失去其用户焦点以及在有焦点时该值被改变时所发生的事件

* onclick="script"-当用户在文档元素中点击鼠标时发生的事件

* ondbclick="script"--当用户在文档元素中双击鼠标时发生的事件

* onfocus="script"-当文档元素得到用户输入焦点时所发生的事件

* onkeydown="script"-当一个键被按下时所发生的事件

* onkeypress="script"-当一个键被按下又释放时所发生的事件

* onkeyup="vscript"-当一个键被释放时所发生的事件

* onload="script"-当整个文档或框架集中所有框架被加载时所发生的事件

* onmousedown="script"-用户将鼠标置于某一文档元素中单击鼠标时所发生的事件

* onmouseout="script"-当鼠标从一个文档元素中移开时所发生的事件

* onmouseover="script"-当鼠标移动过一个文档元素时所发生的事件

* onmousemove="script"-当鼠标在一个文档元素中移动时所发生的事件

* onmouseup="script"-在一个文档元素中当用户释放鼠标时所发生的事件

* onreset="script"-当一个表单中的所有控件都被重新设定时所发生的事件

* onselect="script"-当文本编辑用户控件中的文本被选中时所发生的事件

* ="script"-当一个表单被发布时所发生的事件

* onunload="script"-当文档不再加载在窗口或框架中所发生的事件

* readonly-指示表单控件中的值不能被编辑

* style="text"-单个文档元素的样式信息

* 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

<BR>

* 目的:此标记在文档中加入一个换行符,使后续的文本或其他元素另起一行显示。

* 开始标记:要求

* 结束标记:不允许

* 特殊属性:无

* 失效属性: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>…</

[1] [2] [3] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有