设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
新微赢技术网 门户 设计在线 网页设计 查看内容

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

2009-12-16 02:14| 发布者: admin| 查看: 19| 评论: 0|原作者: 情殇


* 目的:本标记中包含一行或多行单元格,即表格的主体。如果表格中包含和行,那么表格的头、体、尾所包含的列数必须相等
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,
onkeypress,onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,
onmouseup,style,title,valign


* 目的:本标记中包含了表格的一个单元格,其中不包含标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
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


* 目的:本标记在表单中加入一个文本输入区域控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
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


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


* 目的:本标记中包含一个单元格,其中包括了标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
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


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


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


* 目的:本标记中包含了表格的一行
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,
onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign


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


目的:本标记为失效标记


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


      * 目的:本标记中包含的文本为变量名称或计算机程序中的命令行
      * 开始标记:要求
      * 结束标记:要求
      * 特殊属性:无
      * 失效属性:无
      * 其他属性:
      class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,
      onmousedown,onmousemove,_
      onmouseout,onmouseover,onmouseup,style,title
  •   所有的万维网文件都是由超文本标志语言HTML所创建的。在这种语言中,可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面,他们的共同之处就是都使用"<>",例如段落标记

    ,图片标记等。
      在浏览器中,是看不到任何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,该元素必须要与现存的元素的名称属性相匹配
    * valign="text"-表格单元格中信息的垂直排列


     2、 标记
    下面是关于HTML4.0的标记的具体描述。
    注:下面的标记所使用的都是大写字符。尽管从前标记的大小写并没有关系,但是从W3C的发展方向来看,很可能将来大部分标记都将仅仅使用小写。(是唯一的一个例外)。因此,在使用HTML进行网页编辑时,最好还是使用小写字符。

    * 目的:该标记出现在文档的第一行,指明所使用的HTML版本
    * 开始标记:要求
    * 结束标记:不允许
    * 属性:无
    * 失效属性:无
    * 其他属性:无
    可以在下列三种中进行选择:
    "http://www.w3.org/TR/REC-html140/strict.dtd>
    "htttp://www.w3.org/TR//REC-html140/loose.dtd>
    "http://www.w3.org/TR/REC-html140/frameset.dtd>
    上面的每一个标记中都有一个URI。这些URI的文件名分别为strict.dtd、loose.dtd、frameset.dtd。这些名称显示了文档对HTML的支持级别:
    * Strict:文档中不使用任何失效属性以及框架
    * Loose:文档使用一些失效元素包括显示
    * Frameset:文档使用一些失效元素并且使用框架
    在一般情况下,应该使用的strict.dtd,因为它可以和HTML4.0 全面兼容。使用loose.dtd 的主要原因是因为一些与显示相关的元素,如样式表等还没有被浏览器开发者所接受。

    * 目的:这个标记中包括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
    * 目的:本标记中所包含的文本为缩写文本
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:无
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,
    onmousemove,onmouseout,onmouseover, onmouseup,style,title


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


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

    * 目的:此标记属于失效标记。现在,大部分浏览器都使用来标记Java applet。在Java 插件中,则是使用来对其进行标记,就象使用其他插件那样。

    * 目的:本标记指明了使用连接的图片映射区域
    * 开始标记:要求
    * 结束标记:不允许
    * 特殊属性:
    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

    * 目的:本标记中所包含的文本将加粗显示。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:无
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
    onmousemove,onmouseout,onmouseover, onmouseup,style,title

    * 目的:本标记用来明确的定义文档的基准的URI。这个基准的URI和其他相对的URI相结合可以建立一个完整的站点资源地址。
    * 开始标记:要求
    * 结束标记:不允许
    * 特殊属性:
    href="URI"-文档的基准URI
    * 失效属性:无
    * 其他属性:target

    * 目的:这是一个失效标记

    * 目的:本标记中所包含的文本将比普通字体大一些。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:无
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
    onmousemove,onmouseout,onmouseover, onmouseup,style,title

    * 目的:本标记中包含一段引用的文本,当文档被浏览时这段文本可以自成段落显示。较短的引用可以使用来标记。
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:
    cite="URI"-所引用文本的源文档的地址
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,
    onmousemove,onmouseout,onmouseover, onmouseup,style,title
    即使文本不是引用文本,也可以使用
    这个标记将文本进行嵌入,但是在HTML4.0中,已经不使用这种方法,而是以样式表取而代之。

    * 目的:本标记中包含文档的内容,即当网页被浏览器加载时所显示的内容。其中有许多显示属性现在已经不再使用了,而是以
    * 目的:本标记在文档的标题中创建一个样式表规则
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:
    type="text"-所使用的样式表语言
    media="text"-样式表显示的相关媒介
    * 失效属性:无
    * 其他属性:dir,lang,title


    * 目的:本标记中包含的是下标文本
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:无
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,
    onmousedown,onmousemove,_
    onmouseout,onmouseover,onmouseup,style,title


    * 目的:本标记中包含的是上标文本
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:无
    * 失效属性:无
    * 其他属性:
    class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,
    onmousedown,onmousemove,_
    onmouseout,onmouseover,onmouseup,style,title


    * 目的:本标记中包含了表格中所组织的信息,该表格由多行多列的单元格构成
    * 开始标记:要求
    * 结束标记:要求
    * 特殊属性:
    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

    最新评论

    申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

    GMT+8, 2024-11-18 19:09 , Processed in 0.135403 second(s), 7 queries , Gzip On, Memcache On.

    Powered by xuexi

    © 2001-2013 HaiAn.Com.Cn Inc. 寰耽

    返回顶部